Css IE 6背景中的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

我对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-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');
}