Css IE 6背景中的png图像问题
我对IE6上的png图像有问题,并尝试搜索每一个地方,但没有成功。 我用这个css代码来显示png图像。有什么问题吗。 现在请让我来Css IE 6背景中的png图像问题,css,internet-explorer-6,Css,Internet Explorer 6,我对IE6上的png图像有问题,并尝试搜索每一个地方,但没有成功。 我用这个css代码来显示png图像。有什么问题吗。 现在请让我来 .bottom-box { width: 210px; float: left; margin:5px; position:relative; padding: 5px; text-align:left; height: 150px; min-height: 150px; background
.bottom-box {
width: 210px;
float: left;
margin:5px;
position:relative;
padding: 5px;
text-align:left;
height: 150px;
min-height: 150px;
background-image: url(/images/trans-box.png);
color: #FFF;
line-height: 20px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/trans-box.png', sizingMethod='scale');
}
谢谢!提前。IE6讨厌PNG,这是一个可悲的事实。。。但是你应该尝试使用条件注释而不是下划线注释。。。将您的CSS编辑为:
.bottom-box {
width: 210px;
float: left;
margin:5px;
position:relative;
padding: 5px;
text-align:left;
height: 150px;
min-height: 150px;
background-image: url(/images/trans-box.png);
color: #FFF;
line-height: 20px;
}
然后在HTML加载项的头部:
<!--[if lte IE 6]>
<style>
.bottom-box{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/trans-box.png,
sizingMethod='scale');
}
</style>
<![endif]-->
因为它在技术上是有效的CSS,所以它可能工作得更好
另外,知道IE6和这个PNG修复程序不能与背景位置或背景重复一起工作可能也很有用。它不会将PNG平铺为背景,因此我再次建议在IE6中使用gif或其他东西。IE6不直接支持PNG透明,但您可以通过CSS过滤器将其嵌入。但是,谢天谢地,没有必要自己动手。一个可以自动(并且非常好)工作的修复程序可以在。安装非常简单,将向页面中的任何PNG图像动态添加适当的directX过滤器命令
唯一的缺点是,由于此修复程序在加载dom后适用,因此PNG un透明度将在一段短时间内可见,因此在事情开始看起来像预期的那样之前,会有一个短暂的丑陋瞬间。如果你告诉自己得到了什么以及希望得到什么,这总是非常有用的。另外,尽可能地删除css,而不删除问题。另外,请在你的css前面加四个空格,这样它就会被认为是代码并被解析为代码。你有什么问题?我猜是透明的。png没有显示在IE中?是的,这张图片没有显示在ie6中。我搜索了很多,但得到了任何正确的方法。请帮助。
* html .bottom-box{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/trans-box.png,
sizingMethod='scale');
}