以下代码演示了我遇到的问题:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p
{
background-color:#FFF;
}
</style>
</head>
<body>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" style='float:left;'>
<p><em>This is an italic sentence.</em></p>
<p><strong>This is a bold sentence.</strong></p>
<p>This is a normal sentence.</p>
</body>
</html>
在IE7中查看此代码时,Google徽标将显示在左侧,并贯穿其中的“白色水平条”与每个段落对齐,并显示在右侧。
使用标记删除第一行会导致这些行消失。自己尝试。删除三行中的每一行,然后查看错误的变化。
这到底是怎么回事?
-
解决:hasLayout问题。在em上添加zoom:1属性可解决此问题。
最佳答案
不确定为什么会发生这种情况,但是有很多方法可以确保不会发生这种情况,包括添加显示:em的inline-block。
关于css - 背景颜色和斜体引起了Internet Explorer 7错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1186571/