下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
最新全面兼容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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> #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有效 */
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。