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 [...]
...
16 条评论 »
2008-6-26 上午 - HTML/CSS/XML/XSL - CSS - Firfox - hack - Safari
前言:对于 Hack 的使用,一直以来不提倡,应该尽可能的知道为什么,从根本上去解决问题,而不要遇到问题就 Hack,我们应该对代码“不作恶”,尽少使用,甚至不用。 对于 IE8 beta1 可以尝试下面的 Hack: /*/ selector { … } /**/ 此规则仅 IE8 beta1 识别,而其他 A-grade 浏览器都不识别。 不过这个 Hack 也许会在 IE 的 beta2 版本或正式版中被修复,暂可作为 IE8 beta1 调试之用。
...
14 条评论 »
2008-6-17 下午 - HTML/CSS/XML/XSL - hack - IE
表达方式:+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》
...
7 条评论 »
2007-3-9 下午 - HTML/CSS/XML/XSL - CSS - hack - IE
下划线“_”在 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 [...]
...
0 条评论»
2006-11-18 下午 - HTML/CSS/XML/XSL - bug - hack - IE
“*+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 条评论»
2006-11-9 上午 - HTML/CSS/XML/XSL - hack - IE