首页 >web前端 >html教程 >这个IE6 PNG透明的东西怎么弄?_html/css_WEB-ITnose

这个IE6 PNG透明的东西怎么弄?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 09:42:081018浏览

#focus .next {	Z-INDEX: 10000000;	BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;	/*_background:none;*/        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png';)}


_background:none;这句加上IE6上图片就消失不见了。。
不加图片也不是透明的啊
折腾了半天,这张图片在IE6上死活就是不透明。。。IE9 CHROME是透明的


回复讨论(解决方案)

#focus .next {
    Z-INDEX: 10000000;
    BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png') Alpha(opacity=50) 
}

没起作用。。 #focus .next {
    Z-INDEX: 10000000;
    BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image……

Z-INDEX: 10000000;BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;width:**px; height:**px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png');

宽高我加上了,没起作用
_background:none; 这句加上图片就没了。。。什么情况?


我现在页面什么都没有
CSS

body {background-color:#000000;}#ci_logo{background:url(rrmenu.png) no-repeat;width:160px;height:85px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rrmenu.png')}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><link href="gf.css" rel="stylesheet" type="text/css" /></head><body> <div id="ci_logo"></div></body></html>

现在IE9和chrome是透明的,IE6还是白色的底色。。。就是不透明啊。。_background:none;这句一加上图片消失不见了。。。
这是IE9的

这是IE6的

CSS code?12345Z-INDEX: 10000000;BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;width:**px; height:**px;_background:none;_filter:progid:DXImageTransform.Microsoft.Al……

CSS code?123456#focus .next {    Z-INDEX: 10000000;    BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;    /*_background:none;*/        _filter:progid:DXImageTransfo……
请阅读: ie6 png透明终极解决方案。

网页里的PNG透明问题,其实很简单,你这个方法对于兼容性不好用。而且都是PNG格式。PS出来的与FW出来的也不一样。
所以方法是:你建个透明JS代码。之后网页包括这JS文件。

<script></script>

<script> <br /> ie_png.fix('.png, .menu ul li a span jsMainFrame jsMainArwL jsMainArwR'); // 第二个参数为含有png的标签id(css) <br /> ie_png.fix('.png, .logo span jsMainFrame jsMainArwL jsMainArwR');             // 有png的都加上去 <br /> </script>

引用 楼主 imtns59521 的回复:CSS code?123456#focus .next {    Z-INDEX: 10000000;    BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;    /*_background:none;*/        _filter:……


给力!  果断mark

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn