CSS Hack兼容各浏览器是否正常
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-02-26
bsp;根本不知道 > 选择符。同时你也得注意 > 选择符对于其他浏览器同样是无效的。 html > body #ie7 {*display: block;} body #ie6 {_display: block;} CSS Hack 区分 Firefox 第一个使用了 body:empty 来区分 Firefox 1 和 2 。第二个 hack使用了全部 Firefox 浏览器的专有扩展 -moz。 -moz 只对 Firefox有效,使用这个 Hack 大可不必担心其他浏览器的影响。 body:empty #firefox12 {display: block;} @-moz-document url-prefix() {#firefox { display: block; }} CSS Hack 区分 Safari Safari 的 CSS hack 与 Firefox 的 hack 看起来很像,使用的是 Safari浏览器的专有扩展 -webkit 且只对 Safari 浏览器有效。 @media screen and (-webkit-min-device-pixel-ratio:0) {#safari { display: block; }} CSS Hack 区分 Opera @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body #opera { display: block; }} 然后,全部合在一起便是 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS Browser Hacks - webjx.com</title> <style type="text/css"> body p { display: none; } html:first-child #opera { display: block; } html > body #ie7 { *display: block; } body #ie6 { |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于CSS Hack兼容各浏览器是否正常的所有评论