僅IE6/7瀏覽器SPAN元素包含塊級元素會使SPAN的背景色顯示


這個bug發生在下面的網頁, 

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

 

博客文字在IE下有背景色,其它瀏覽器沒有。

 

重現代碼如下

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

 

IE6/7:

Firefox/Safari/Chrome/Opera:

以上代碼,SPAN添加了背景色,其包含了兩個塊級元素P和DIV,一個行內元素SPAN。我們知道行內元素是不允許包含框架元素的,否則出現一些怪異情況。

如上,無論塊級元素或行內元素 IE6/7 均顯示了其背景色,但 Firefox/Safari/Chrome/Opera/IE8/IE9 則不顯示SPAN中的DIV和P背景色。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM