1,295
edits
No edit summary |
|||
Line 91: | Line 91: | ||
While a Document is in the fullscreen state, and the document's current fullscreen element is an element in the document, the 'full-screen' pseudoclass applies to that element. Also, an <iframe>, <object> or <embed> element whose child browsing context's Document is in the fullscreen state has the 'full-screen' pseudoclass applied. | While a Document is in the fullscreen state, and the document's current fullscreen element is an element in the document, the 'full-screen' pseudoclass applies to that element. Also, an <iframe>, <object> or <embed> element whose child browsing context's Document is in the fullscreen state has the 'full-screen' pseudoclass applied. | ||
* :full-screen- | * :full-screen-doc | ||
While a Document is in the fullscreen state, the 'full-screen-root' pseudoclass applies to the root element of that Document. | While a Document is in the fullscreen state, the 'full-screen-doc' pseudoclass applies to the root element of that Document. | ||
* :full-screen-root-with-target | |||
While a Document is in the fullscreen state and the document's current fullscreen element is an element in the document, the 'full-screen-doc-with-target' pseudoclass applies to the root element of that Document. | |||
Suggested UA stylesheet rule: | Suggested UA stylesheet rule: | ||
:full-screen { | |||
position:fixed; | position:fixed; | ||
top:0; | top:0; | ||
Line 105: | Line 109: | ||
z-index:2147483647; | z-index:2147483647; | ||
background:black; | background:black; | ||
} | |||
:full-screen-root-with-target { | |||
overflow:hidden; | |||
} | } | ||
Note that it is | Note that it is possible for a document to position content over an element with the :full-screen pseudo-class, for example if the :full-screen element is in a container with z-index not 'auto'. | ||
== Examples == | == Examples == |
edits