css - IE8 将 CSS 样式混在一起

Question

我在 IE8 的开发人员模式下调试我的应用程序，我遇到了一些非常奇怪的行为。 IE8 的开发模式通常在新行上显示每个 CSS 样式，但在这些情况下不会……举三个例子:

#1
.messages .read    
  background-color: rgb(234,234,234); HEIGHT: 1.5em
  padding-top: 0.3em

#2
a:link
  color : rgb(80,80,82); TEXT-DECORATION: none

#3
#messaging .body
  border-bottom: rgb(...) 1px solid
  filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#C2C2C2'); BORDER-LEFT: rgb(...) 1px solid; PADDING-BOTTOM: 1.5em; MARGIN: 15px 0 25px; etc.

如您所见，在这三种情况下，IE 的行为似乎很奇怪，尤其是对于 #3，我得到了一些非常奇怪的人工制品，例如我的渐变框周围有一个丑陋的深灰色边框.

是否有解决此问题的已知方法？

更新 - 修复了梯度问题

#3 通过向该样式添加 position:relative; 出人意料地轻松修复。显然 IE 需要这个才能正确呈现其渐变。

我仍然很想知道为什么 IE 将一些样式集中在一行中，以及这种怪癖是否有任何实际效果。

Answer 1

在您提供的示例中，至少缺少一些分号。这很可能就是这里的问题。

如评论中所建议:尝试验证您的 CSS。这是来自 W3 的:

http://jigsaw.w3.org/css-validator/