相关标签

两个不太常用的 CSS Hack

1、仅 Safari 和 Opera 识别的 Hack
@media all and (min-width: 0px) {
/* Safari and Opera rules here */
}

或者
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Opera rules here */
}
注:这里所指代的 Safari 和 Opera 一般为最新版本。
2、仅 Firefox 3 和 IE7 识别的 Hack
selector, x:-moz-any-link, x:default {
/* Firefox 3 and IE7 rules here */
}
注:由于 Firefox 2 和 [...]

... 14 条评论 »

针对 IE8 的 hack

前言:对于 Hack 的使用,一直以来不提倡,应该尽可能的知道为什么,从根本上去解决问题,而不要遇到问题就 Hack,我们应该对代码“不作恶”,尽少使用,甚至不用。
对于 IE8 beta1 可以尝试下面的 Hack:
/*/ selector { … } /**/
此规则仅 IE8 beta1 识别,而其他 A-grade 浏览器都不识别。
不过这个 Hack 也许会在 IE 的 beta2 版本或正式版中被修复,暂可作为 IE8 beta1 调试之用。

... 9 条评论 »

IE “+” CSS Hack研究

表达方式:+property:value
测试环境:IE5,IE6 ,IE7,FF1.5,FF2.0,Opera 9,Safari 2
测试结果:IE5,IE6 ,IE7浏览器识别;FF2.0,Opera 9,Safari 2浏览器不识别。
结论:我们可以用”+”来实现只有 IE 识别的 CSS Hack。
比如我们要实现在 IE 中 480px 的宽度,而在其他浏览器 500px 的宽度,就可以通过 “+” Hack 来完成,如下:
#hack {
width:500px;
+width:480px; /*only IE*/
}
这应该归结于IE对一些特殊字符的识别,大家还可以测试其他的特殊字符如:” >”,”-”,”@”……或许有更多的收获。
PS:可能有朋友想到 “_” Hack ,但它们是由区别的,因为IE7中是不识别“_”的。
扩展阅读:《Internet Explorer 7 CSS hacks》

... 5 条评论 »

翻译:The Underscore Hack

下划线“_”在 CSS2.1 规范中是被承认的 CSS 标识。
浏览器会忽略未知的 CSS 属性。
MSIE5+(Windows)会忽略 CSS 属性名前的 “_”。

因此,这个 CSS 的分析是,例如: _color:red。首页, 正确的,对于 CSS2.1 规范来说是被允许的(即使软件验证,只支持 CSS2.0 老版本,说它是一个 Bug :他们是错误的,但它是正确的)。其次, 被任何浏览器忽略,除了 IE 。最后, 当颜色被处理:在 WinIE 中是红色。
如上,这就是所说的 IE 的 Bug ,特征是以简单明了的方式建立仅对 WinIE 有效的 CSS 属性(MacIE 没有这样的 Bug 和特征)。这样很容易调整,例如被错误执行的位置:在 WinIE 中被调整(见例子)。
#menu {
position: fixed;
_position: absolute;

}
同样的方法可以用来调整 min-height 的属性在 WinIE 中消失的现象(见例子)
#b... 0 条评论»

IE7 下hack的方法

“*+html”是 css 的中的选择符,被 IE7 与 IE5.01 所使用,而区分 IE7 与 IE5.01 又有很简单的方法,便是 important,这样把 important 写在前面,就形成了单独针对 IE7 hack 的方法了。
*+html div.IE7 {
display:block !important;
display:none;
}

还有另外一个方法《The IE7 CSS Hack》,不过不推荐使用。

... 0 条评论»