visibility.html (1524B)
1 <?xml version="1.0"?> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 3 <!-- This Source Code Form is subject to the terms of the Mozilla Public 4 - License, v. 2.0. If a copy of the MPL was not distributed with this 5 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 6 <head> 7 <title>Testing Visibility</title> 8 </head> 9 10 <body> 11 12 <div> 13 <span id="hideMe" onclick="this.style.display = 'none';">Click to hide me.</span> 14 </div> 15 16 <div id="zero" style="width:0;height:0"> 17 <div> 18 <img src="map.png"> 19 </div> 20 </div> 21 22 <p id="suppressedParagraph" style="display: none">A paragraph suppressed using CSS display=none</p> 23 24 <div> 25 <p id="displayed">Displayed</p> 26 27 <form action="#"><input type="hidden" name="hidden" /> </form> 28 29 <p id="none" style="display: none;">Display set to none</p> 30 31 <p id="hidden" style="visibility: hidden;">Hidden</p> 32 33 <div id="hiddenparent" style="height: 2em; display: none;"> 34 <div id="hiddenchild"> 35 <a href="#" id="hiddenlink">ok</a> 36 </div> 37 </div> 38 39 <div style="visibility: hidden;"> 40 <span> 41 <input id="unclickable" /> 42 <input type="checkbox" id="untogglable" checked="checked" />Check box you can't see 43 </span> 44 </div> 45 46 <p id="outer" style="visibility: hidden">A <b id="visibleSubElement" style="visibility: visible">sub-element that is explicitly visible</b> using CSS visibility=visible</p> 47 </div> 48 49 <input type='text' id='notDisplayed' style='display:none'> 50 </body> 51 </html>