繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 特牛的FF/IE6/IE7专用CSS HACK
- CSS样式表
- 面向对象的CSS应用
- css 文字按钮实现样式submit按钮以文本的形式显示出来
- CSS 选择符的用法和实例
- CSS a:hover伪类在IE6下的问题
- IE6下CSS定义DIV高度的问题
- CSS网页实例 利用box-sizing实现div仿框架结构实现代码
- CSS样式表与HTML网页的关系分析
- 设计稿进行页面制作的流程和注意事项
- CSS压缩的技巧与工具
- CSS @font-face属性实现在网页中嵌入任意字体
- 通过css样式控制单元格文本超长省略
- 运用比较纯的CSS打造很Web2.0的按钮
- CSS expression 隔行换色效果
- CSS 制作有弹性的日历表
- CSS Cookbook创建水平导航菜单
- CSS Cookbook 创建文字导航菜单和翻转特效
- 区别div和span、relative和absolute、display和visibility
- 让页脚紧贴页面底部的CSS代码
- Firefox下div层被Flash遮住的解决方法
- ins标签什么时候使用
CSS样式表 中的 特牛的FF/IE6/IE7专用CSS HACK
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 69 ::
收藏到网摘: 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
