浏览器兼容性问题

标签：

我目前遇到的各个浏览器兼容性问题

1.ie6/7/8border-radiu属性。解决办法：backgroundsize.htc、backgroundsize.min.htc，可以缓解模拟圆角。

2.ie6不识别透明属性。解决办法：DD_belatedPNG_jb51.net，js加载文件。

3.谷歌竟然和Safari有时显示不一样。用到了hack，具体如下：

　　1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
      2. <!–[if IE]> 所有的IE可识别 <![endif]–>
　　3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]–>
　　4. <!–[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]–>
　　5. <!–[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]–>
　　6. <!–[if IE 6]> 仅IE6可识别 <![endif]–>
　　7. <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
　　8. <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
　　9. <!–[if IE 7]> 仅IE7可识别 <![endif]–>
　　10. <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
　　11. <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–> 

　　12.区分谷歌和Safari的jq

【FireFox】

@-moz-document url-prefix(){.className{color:#FFF}}

【webkit内核：safari chrome】

@media screen and (-webkit-min-device-pixel-ratio:0){.className{color:#FFF}}

【presto内核：opera】

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body .className{color:#FFF}

浏览器兼容性问题

标签：

原文地址：http://www.cnblogs.com/BBYY/p/4785132.html