当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks

CSS样式表
CSS优先级规则的细节
CSS失效,原来是和网页第一段代码有关
你真的了解CSS吗?你是属于哪个层次?
让样式表CSS代码更加专业规范
建议网页设计师用CSS制作网站导航菜单
简单学习css组合与CSS嵌套的写法
CSS学习之css代码的简写的十条规则
条件CSS的介绍
CSS教程:网页中多个样式表顺序问题
CSS教程:网页版面设计无效的10个原因
页面重构工程师应该具有的技能和素质
选择正确DOCTYPE解决CSS在网页失效问题
Opera中国的WEB标准课程
简单介绍Web Developer插件制作网页
CSS布局带来的巨大影响:CSS display属性值
用div css模拟表格对角线
IE Firefox在css中的差别 (部分)
不用js可以实现信息提示效果
CSS解决未知高度的垂直水平居中自适应问题
CSS cursor 属性 -- 鼠标指针样式效果

CSS样式表 中的 网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks


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


代码如下:

.test{
color:/*\**/#00f\9; /* IE8 */
}
.test,
.test:-moz-any-link{
color:#f60; /* Firefox2 */
}
.test,
.test:default{
color:#000; /* Firefox3 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}

可同时区分IE8、IE7、IE6、Firefox的CSS hacks:

CSS代码

代码如下:

.test{
color:#000; /* Firefox */
color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}

关于IE8的hacks:

代码如下:

CSS代码
.test{
color:/*\**/#00f\9; /* IE8 only */
color:#00f\9; /* 适用于所有IE版本 */
}