仅IE6/7浏览器SPAN元素包孕块级元素会使SPAN的背景色显示

仅IE6/7浏览器SPAN元素包含块级元素会使SPAN的背景色显示

这个bug发生在下面的网页，如下：

http://yyhygw.blog.sohu.com/204511710.html

用户博客文字在IE下有背景色，其它浏览器没有。

重现代码如下

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;/head&gt;&lt;body&gt;&lt;span style="background-color:gray;"&gt;&lt;p&gt;block element&lt;/p&gt;&lt;div&gt;block element&lt;/div&gt;&lt;span&gt;inline element&lt;/span&gt;&lt;/span&gt;&lt;/body&gt;&lt;/html&gt;

IE6/7：

仅IE6/7浏览器SPAN元素包孕块级元素会使SPAN的背景色显示

Firefox/Safari/Chrome/Opera：

仅IE6/7浏览器SPAN元素包孕块级元素会使SPAN的背景色显示

以上代码，SPAN添加了背景色，其包含了两个块级元素P和DIV，一个行内元素SPAN。我们知道行内元素是不允许包含框架元素的，否则出现一些怪异情况。

如上，无论块级元素或行内元素 IE6/7 均显示了其背景色，但?Firefox/Safari/Chrome/Opera/IE8/IE9?则不显示SPAN中的DIV和P背景色。

仅IE6/7浏览器SPAN元素包孕块级元素会

热点推荐