位置:海鸟网 > IT > JavaScript >

IE中应该注意的的一个小Bug

IE6/7&IE8/9(quirks mode)中Fieldset元素设置宽度后将表现为行内元素:我们来看如下代码:

01 <!DOCTYPE html>

02 <html>

03     <head>

04     <meta charset="utf-8">

05     <title>IE中应该注意的的一个小Bug</title>

06     </head>  

07 <body>

08     <fieldset style="width:200px;background:gold">

09         FIELDSET

10     </fieldset>

11     <span style="background:gold;">SPAN</span>

12     <script>

13         var fieldset = document.getElementsByTagName('fieldset')[0];

14         if(fieldset.currentStyle){

15             var display = fieldset.currentStyle.display;

16             alert(display);

17         }

18     </script>

19 </body>

20 </html>

各浏览器表现

IE6/7 :


可以看到IE6/7中,fieldset元素和span在一行显示,表现的象一个inline element(虽然弹出框显示的是block)。

按W3C标准,Fieldset元素默认应是block element。这应该是IE6/7的bug。