Question

为什么定义的CSS样式，在火狐浏览器和IE8里测试是正常的，在IE6下面就不正常了呢？

#category {
border: 1px solid #DFDFDF !important;
float: left !important;
width: 251px !important;
_width: 251px;/* IE6 */
background:#CADCF4 !important;
display: inline;
margin-top:5px;

}

#category .catItem {
border-bottom: 1px dotted #333333 !important;
float: left;
display:inline;
margin-bottom: 2px;
margin-top:5px;
width:251px !important;
width:251px;/*IE6*/
overflow:hidden;
}
#category .catItem DL {
color: #0041D9 !important;
float: left;
display:inline;
font-size: 14px;
font-weight: 700;
line-height: 18px;
white-space: nowrap;
width: 250px !important;
}

#category .catItem DD {
width:239px !important;
margin:0;
padding:0;
}
#category .catItem DD A:link {
color: #565553 !important;
text-decoration: none;
}
#category .catItem DD A {
background: none repeat scroll 0 50% transparent;
border-left: 1px solid #CCCCCC !important;
clear: none;
float: left;
display:inline;
font-size: 12px;
font-weight: 400;
height: 14px;
line-height: 14px;
margin: 5px 0 2px -1px;
padding: 0 6px;
width: auto !important;
word-break: keep-all;
}

Answer 1

IE6不支持 !important 属性，带!important的债IE6下都没有效果是正常的

Answer 2

尊敬的用户，您好！很高兴为您答疑
该制作圆角的CSS属性在IE8之后的浏览器中应该已经提供了支持。但对于较老的IE版本，实现类似效果一般是通过JS计算适量位置后进行渲染的方式实现的，但是这类基于dom对象的代码一般效率较低。
而在Jquery上目前也有很多实现此效果的视觉插件，请您进行尝试。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

Answer 3

因为你没学到位呗，看看你的代码里面有多少个：!important;

完全是在乱用，你正处在知其然不知其所以然的地步，别忙动手，去书店买两本书，看懂了来(先别看网上教程，很多网上教程是错的)

追问

因为我这个网页用了两个CSS样式 里面有重复的。现在能帮我把这个问题解决了吗？

追答

重新学，不是两个css重复的问题，主要问题是你对css兼容的理解就完全是错的

Answer 4

你先要了解一下什么是浏览器之间的兼容性。

Answer 5

没有说出具体是什么哪句没效果。应该不是important的问题