这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!
比如要分辨IE6和firefox两种浏览器,可以这样写: <style>div{ background:green/* for firefox */ *background:red/* for IE6 */ (both IE6 &&IE7) } </style>我在IE6中看到是红色的,在firefox中看到是绿色的。 解释一下: 上面的css在firefox中,它是认识不了后面的那个带星号的东东是什么的,于是将它过滤掉,不予理睬,解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。 在IE6中呢,它两个background都能识别出来,它解析得到的结果是:div{background:greenbackground:red},于是根据优先级别,处在后面的red的优先级高,于是当然这个div的背景颜色就是红色的了。
更多资料请百度 CSS hack
一、Dust-Me selectors
Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。
支持本地和远程样式文件,包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的<style>块和内联样式)
支持IE条件注释中引入的样式文件;
可以检查一个页面,也可以检查整个网站;
支持CSS1选择器、大部分CSS2和CSS3选择器;
理解通用的CSS hack,比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”;
支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。
在css中某标签上使用border:1pxsolid
black即可显示,要使用方向则加left、right等,如border-top即上边框
只显示上边框说明你的高度(height)或者长度(width)设置出现问题了,好好检查一下吧