fieldset.html (1237B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testcase for bug 485149</title> 5 <style type="text/css"> 6 7 html,body { 8 color:black; background-color:white; font-size:16px; padding:0; margin:0; 9 } 10 11 12 body {padding:20px;} 13 14 fieldset { 15 overflow:hidden; 16 background:yellow; 17 18 box-shadow:0 0 5px 5px #cccccc; 19 border:1px solid #000000; 20 border-radius:7px; 21 width:200px; 22 height:50px; 23 margin-left:5px; 24 margin-right:2px; 25 padding:10px; 26 } 27 28 legend { height:16px; } 29 30 p { height:40px; margin:0; } 31 32 #mask1 { 33 position:absolute; 34 left:0; 35 top:0; 36 background:black; 37 z-index:1; 38 width:150px; 39 height:700px; 40 } 41 42 #mask2 { 43 position:absolute; 44 left:170px; 45 top:330px; 46 background:black; 47 z-index:1; 48 width:150px; 49 height:300px; 50 } 51 52 #mask3 { 53 position:absolute; 54 left:0; 55 top:380px; 56 background:black; 57 z-index:1; 58 width:300px; 59 height:300px; 60 } 61 62 </style> 63 </head> 64 <body> 65 66 <fieldset><legend>Legend</legend> 67 1 68 </fieldset> 69 70 <p></p> 71 <fieldset style="position:relative;"><legend>Legend</legend> 72 2 73 </fieldset> 74 75 <p></p> 76 <fieldset> 77 3 78 </fieldset> 79 80 <p></p> 81 <fieldset><legend style="width:150px;"></legend> 82 4 83 </fieldset> 84 85 <div id="mask1"></div> 86 <div id="mask2"></div> 87 <div id="mask3"></div> 88 89 </body> 90 </html>