微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

完美兼容IE6/IE7/IE8/FF的CSS HACK的写法

下面是编程之家 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)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐