1,295
edits
Gecko:FullScreenAPI: Difference between revisions
→UA stylesheet rules
| Line 128: | Line 128: | ||
==== UA stylesheet rules ==== | ==== UA stylesheet rules ==== | ||
Suggested UA stylesheet rules: | Suggested UA stylesheet rules: | ||
| Line 140: | Line 141: | ||
z-index:2147483647; | z-index:2147483647; | ||
background:black; | background:black; | ||
width: 100% !important; | /* override mapped width and height attributes */ | ||
height: 100% !important; | width:100% !important; | ||
height:100% !important; | |||
} | } | ||
/* | /* If there is a full-screen element that is not the root then | ||
we should hide the viewport scrollbar. */ | we should hide the viewport scrollbar. */ | ||
:root: | :root:full-screen-ancestor { | ||
overflow: hidden; | overflow:hidden; | ||
} | |||
:full-screen-ancestor { | |||
/* Ancestors of a full-screen element should not induce stacking contexts | |||
that would prevent the full-screen element from being on top. */ | |||
z-index:auto; | |||
/* Ancestors of a full-screen element should not be partially transparent, | |||
since that would apply to the full-screen element and make the page visible | |||
behind it. It would also create a pseudo-stacking-context that would let content | |||
draw on top of the full-screen element. */ | |||
opacity:1; | |||
/* Ancestors of a full-screen element should not apply SVG masking, clipping, or | |||
filtering, since that would affect the full-screen element and create a pseudo- | |||
stacking context. */ | |||
mask:none; | |||
clip:none; | |||
filter:none; | |||
} | } | ||
For these to be effective, we really want their to be higher precedence than non-important author rules. So we might need to add a new precedence level for UA style rules that's between "author" and "author important". | |||
==== Webkit additions ==== | ==== Webkit additions ==== | ||