以下代码演示了我遇到的问题:

<!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/

10-12 12:22
查看更多