4个回答
展开全部
如何让PNG的透明背景图片在IE6.0中兼容，方法如下:
1、IE6与原本支持png8的索引色透明度，但不支持png或8位以上的 alpha 透明度。阿里上的可能是用png8的索引色透明度，或者是在页面里嵌入的代码。
2、可以用flash来替代png。
3、最不推荐的就是JS。多数 JS的原理就是把IMG 替换为 SPAN, 然后让SPAN的背景调用AlphaImageLoader 加载那个png图片作为span 的背景，会有 非常多的问题，常常会莫名其妙的产生布局混乱。
4、也可以用这个方法：
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
注:2001年10月，微软发布Windows XP，包括Internet Explorer 6。这个版本介绍自动图象重量尺寸和打印预览。在Windows XP SP2里，IE6添加了阻止窗口弹出功能。
1、IE6与原本支持png8的索引色透明度，但不支持png或8位以上的 alpha 透明度。阿里上的可能是用png8的索引色透明度，或者是在页面里嵌入的代码。
2、可以用flash来替代png。
3、最不推荐的就是JS。多数 JS的原理就是把IMG 替换为 SPAN, 然后让SPAN的背景调用AlphaImageLoader 加载那个png图片作为span 的背景，会有 非常多的问题，常常会莫名其妙的产生布局混乱。
4、也可以用这个方法：
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
注:2001年10月，微软发布Windows XP，包括Internet Explorer 6。这个版本介绍自动图象重量尺寸和打印预览。在Windows XP SP2里，IE6添加了阻止窗口弹出功能。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
芬尚
2024-11-18 广告
作为中国极具创新实力的展示空间打造服务商Forsung芬尚以其独特的视野、智慧、执行力等核心能力，协助客户在美陈展示策略、设计、施工和运营上获得竞争优势，并借此和客户共同分享领先一步的价值和喜悦。...
点击进入详情页
本回答由芬尚提供
展开全部
其实我们都有一个误区，就是将无背景当做是完全的透明，其实非也：是将背景填充了白色，降低了不透明度而已
试试吧
试试吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试一下这个方法：
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
这样，就OK了。
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
这样，就OK了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试一下这个方法：
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
这样，就OK了。
首先，为你的图片外套一个DIV层，像这样:
<body> <div class=”flower”></div> </body>
然后，在CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃，这是指Mozilla Firefox,要让其在IE6下面正常显示，你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
这样，就OK了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
