当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 针对IE8正式版的CSS hack

CSS样式表
IE6使用浮动去掉元素中的多余空白间距
CSS教程:定位属性在元素中的层级关系
SEO入门教程:自然搜索结果PPC广告和热图
21个神奇的CSS技巧
CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]
CSS 很酷的透明样式
百度有啊 CSS圆角实现代码
优秀的CSS 框架整理
CSS和“★”字符制做的中国国旗实现代码
基于firebug的firefox扩展 css usage
减少图片HTTP请求的方法分析
CSS 面向对象CSS FAQ
驯服CSS选择器
DIV+CSS 浮动布局完美解决方案
CSS 网页背景渐变实现代码
CSS 网页布局中的图文列表实现代码
css IE8 兼容问题的汇总
CSS 实现网页图片的预加载
web开发中怎么样使css书写规范?
div+css样式表的id和class常用命名规则

CSS样式表 中的 针对IE8正式版的CSS hack


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

IE8正式版出来有一段日志了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准。
针对IE8正式版的CSS hack目前可以找到的分为2种:
第一种:”\9″:
基本的写法:
test { color/*\**/: blue\9 }
这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:
header {width:300px;} /* 所有浏览器*/
header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/
第二种:就是使用IE的条件注释
具体可以查看这里:http://www.css88.com/archives/705;
其他一些css hack的测试:
color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
其中:OP表示Opera,SA表示Safari;
参考阅读:
http://ladysign-apps.com/blog/archives/529
http://webdevelop.nitamihai.com/ie8-css-hack/