繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 特牛的FF/IE6/IE7专用CSS HACK
- CSS样式表
- web标准知识：用途相似的标签
- 文本框css关闭输入法
- CSS DIV制作梯形状的不规则网站导航
- 优化CSS在网页中的加载方式
- IE对网页中引入CSS样式表的限制
- 以HTML为基础学习DIV CSS
- 关于CSS 框架的论述
- 网页制作人员在设计网页时注意的细节
- CSS样式表教程：浏览器默认样式
- CSS教程：汇总CSS初学者的几个技巧
- CSS设计网页时的一些常用规范
- 网站字体大小 CSS该重新改写？
- cookie和dom操作调用样式表实现网页换肤
- CSS初学：如何修改Zblog中的CSS
- 网页制作之学习CSS的理由
- 动态加载外部CSS与JS文件
- CSS教程：CSS放入网页的几种方式
- CSS教程：媒体类别语法
- Javascript动态创建 style 节点
- CSS网页隔行换色技巧
CSS样式表 中的 特牛的FF/IE6/IE7专用CSS HACK
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 158 ::
收藏到网摘: n/a
这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。
复制代码 代码如下:
.test{/*FF*/
height:20px;
background-color:orange;
}
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通过上面的CSS代码可以看出FF还是最听话的浏览器，在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了，IE6加*html，而IE7加*+html，暗示加了一个版本。通过对class、id所做的CSS HACK好处在于不用顾及前后顺序，而且便于管理和其他人员接受，还可以通过这种HACK实现类似JS浏览器版本的控制。缺点嘛可能就是产生大量的代码吧！好了，大致就先说说这些。
上面内容看完可以点击下面的效果在不同浏览器来看看效果，其中橙色代表FF，蓝色代表IE7，黑色代表IE6。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
