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添加了阻止窗口弹出功能。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
**AI一键生成PPT免费版**为满足广大用户的需求，我们博思云创科技特推出AI一键生成PPT免费版。用户只需简单输入需求，AI技术便能智能分析并快速生成高质量PPT。此版本功能强大且易于操作，无需专业设计技能，即可轻松打造出令人满意的演示...
点击进入详情页
本回答由博思aippt提供
展开全部
其实我们都有一个误区，就是将无背景当做是完全的透明，其实非也：是将背景填充了白色，降低了不透明度而已
试试吧
试试吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试一下这个方法：
首先，为你的图片外套一个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）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
