- 最新全面兼容IE6/IE7/IE8/FF的CSS HACK的写法
- 第一种方法:
- 以下是兼容IE6/IE7/IE8/FF的写法,注意下面的顺序不可颠倒
- 1. margin-bottom:40px; /*ff的属性*/
- 2. margin-bottom:140px\\9; /* IE6/7/8的属性 */
- 3. color:red\\0; /* IE8支持 */
- 4. *margin-bottom:450px; /*IE6/7的属性*/
- 实例
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
- #abc {
- border:2px solid #00f; /*ff的属性*/
- border:2px solid #090\\9; /* IE6/7/8的属性 */
- border:2px solid #F90\\0; /* IE8支持 */
- _border:2px solid #f00; /*IE6的属性*/
- }
- /*上下顺序不可以写错*/
- </style>
- </head>
- <body>
- <div id="abc">
- <ul>
- <li>FF下蓝边</li>
- <li>IE6下红边</li>
- <li>IE7下绿边</li>
- <li>IE8下黄边</li>
- </ul>
- </div>
- </body>
- </html>
- 第二种办法:
- 微软提供了这样一个代码:
- 把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了
- 1. background:#ffc; /* 对firefox有效*/
- 2. *background:#ccc; /* 对ie7有效 */
- 3. _background:#000; /* 只对ie6有效 */
- //该片段来自于http://www.codesnippet.cn/detail/040220132094.html
来源: http://www.codesnippet.cn/detail/040220132094.html