Jun
06
在修改博客皮肤Nuvola时发现左上角的logo图片显示有问题，在IE浏览器显示为
在Firefox下显示如下，是正常的。
怎样才能使图片在两个浏览器下都正常呢？这里用到了 !important。!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法格式{ sRule!important }，即写在定义的最后面，例如：box{color:red !important;} 最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。
因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义。即给包含图片背景的类元素加条属性：margin-top:0px !important; margin-top:-1px; 这里IE浏览器识别的是margin-top:-1px，而Firefox识别的是优先级高的margin-top:0px 。这样就解决了上面两个图片的差别，最终都显示为第二个图片。
本文到目前为止还暂无回复