当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css ie6 ie7 ff的CSS hack使用技巧

CSS样式表
Webjx收集基于CSS+JS设计50款优秀的导航菜单
初学者简单学习CSS网页布局
CSS教程:一张图片实现圆角
基于CSS的网站导航菜单
CSS新特性:圆角边框多栏Gird布局背景设置
CSS实例教程:制作网页特殊产品列表
收集国外网站的25个CSS高级教程
CSS教程:制作圆角矩形的网站头像
网页推荐值得一看的CSS框架
有趣图例:你是一个网页设计师吗?
安装Firefox的Jetpack扩展的步骤
CSS教程:CSS制作3D立方体
Css教程:FireFox正常IE错位的绝对定位元素
CSS对IE6、IE7、IE8支持详细的易用的参考
CSS Sprites简介以及优缺点
CSS教程:避免使用滤镜
DIV+CSS佈局代码精简对SEO的影响
学习CSS需要知道的CSS基础知识
CSS教程:clip属性全知道
基于firebug的firefox扩展:css usage

CSS样式表 中的 css ie6 ie7 ff的CSS hack使用技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 80 ::
收藏到网摘: n/a

关于CSS HACK的文章在ruanchen.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器
.test{
height:20px;
background-color:orange;
}
IE7浏览器
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
IE6浏览器
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通过上面的CSS代码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。
这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。
通过对class、id所做的CSS HACK好处在于不用顾及前后顺序,而且便于管理和其他人员接受,还可以通过这种HACK实现类似JS浏览器版本的控制。