1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3
4 <head>
5
6 <title>CSS Test: visibility - descendants of a 'visibility: hidden' element</title>
7
8 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
9 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility">
10 <link rel="help" href="http://www.w3.org/TR/CSS21/changes.html#q250">
11 <meta name="flags" content="ahem">
12 <meta name="assert" content="Descendants of a 'visibility: hidden' element will be visible if they have 'visibility: visible'">
13
14 <style type="text/css">
15 div {visibility: hidden;}
16
17 span
18 {
19 color: red;
20 font: 100px/1 Ahem;
21 }
22
23 span#testpassed
24 {
25 color: green;
26 visibility: visible;
27 }
28 </style>
29
30 </head>
31
32 <body>
33
34 <p>Test passes if there is a green square and <strong>no red</strong>.</p>
35
36 <div>
37 <span id="testpassed">X</span> <span>X</span>
38 </div>
39
40 </body>
41 </html>