IE6下应用滤镜后的png图片对齐问题
时间：2011-05-06
来源：互联网
请问下大家，我想做成图11这种效果（main0的背景图位于div底部），但是IE6下老是有问题，请问下大家怎样在IE6下实现图11那种效果呢。。
html如下：
<body>
<div id="main0">
<div id="main">
</div>
</div>
</body>
css如下：
#main0 {
width:888px;
height:420px;
background-image:url(images/m01.png);
_background-image:none;
background-position: center bottom;
background-repeat:no-repeat;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-444px;
}
* html #main0 {
filter: progid
XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/m01.png");
background:none;
}
#main {
width:700px;
height:377px;
background-image:url(images/main3.png);
background-repeat:no-repeat;
margin:auto;
}
* html #main {
filter: progidXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/main3.png");
background:none;
}
11.jpg (10.81 KB)
12.jpg (9.51 KB)
html如下：
<body>
<div id="main0">
<div id="main">
</div>
</div>
</body>
css如下：
#main0 {
width:888px;
height:420px;
background-image:url(images/m01.png);
_background-image:none;
background-position: center bottom;
background-repeat:no-repeat;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-444px;
}
* html #main0 {
filter: progid
XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/m01.png");background:none;
}
#main {
width:700px;
height:377px;
background-image:url(images/main3.png);
background-repeat:no-repeat;
margin:auto;
}
* html #main {
filter: progid
XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/main3.png");background:none;
}
附件
11.jpg (10.81 KB)
2011-5-6 10:26
正常效果
12.jpg (9.51 KB)
2011-5-6 10:26
IE6下不正常显示
作者: qhchen 发布时间: 2011-05-06
IE私有的PNG滤镜会根据你的容器大小自动拉伸。你用单独的一个标签来做背景吧。
作者: yoom 发布时间: 2011-05-06
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
