div css兼容问题

Posted 2023-04-25

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div css兼容问题相关的知识，希望对你有一定的参考价值。

<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
</style>
<div id="nav" style="width:200px; height:200px; background:#000000;">
<p style="display:inline; color:#FFFFFF; font-weight:bold; font-size:12px;">阿斯顿发水电费</p>
</div>
<div id="wrapper"></div>
<div class="clear" style="clear:both;"></div>
</body>
</html>
在ietester中测试ie8和ie9效果不一样，不知道哪里写错了，求指教

参考技术A 兼容性常见的就是间距问题了。。。

小范围的修改建议：
IE6，IE7，firefox : background:orange;
*background:green;_background:blue;
【注：:不管是什么方法，书写的顺序都是firefox的
写在前面，IE7的写在中间，IE6的写在最后面。】
或则用！important 区分。

浏览器/符号 IE6 IE7 FF(FireFox)
*(星号) √ √ ×
!important × √ √
_(下划线) √ × ×

一般用这个方法做小范围的修改问题就可以解决了。。。

css DIV半透明兼容IE6 +

.bvd_item_bg {
    width: 100%;
    height: 19px;
    bottom: 0px;
    left: 0;
    background: rgba(0,0,0,0.4) !important;
    filter:Alpha(opacity=40);
    background: #000;
    z-index: 2;
}
/*需要注意的是，在IE中，如果半透明的元素中包含文字会被一起半透明，往往不是需求想要的结果。所以，我一般把它和文字并列然后用绝对定位控制显示。*/

以上是关于div css兼容问题的主要内容，如果未能解决你的问题，请参考以下文章

DIV+CSS 网页兼容性问题（IE6 IE7 IE8 IE9 火狐 chorm）