CSS Hack 兼容IE6、IE7 、FireFox 

!important 兼容IE7:
width: 600px !important;  /* IE7+FF */

background:#fff;         /*  对firefox有效*/
*background:#ccc;        /* 对ie7有效 */
_background:#000;        /* 只对ie6有效 */
margin-top: 10px \9;     /*IE8*/

火狐浏览器：
@-moz-document url-prefix() { #id{ display: block; } }      /* Firefox */

苹果的Safair：
@media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } }    /* Safair */
Opera：
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } }    /* Opera */

  IE6 IE7 FireFox
!important × √ √
* √ √ ×
_ √ × × 
 

 

posted on 2016-09-12 11:26  乱luan  阅读(111)  评论(0)  编辑  收藏  举报

导航