Heim > Web-Frontend > HTML-Tutorial > 这个IE6 PNG透明的东西怎么弄?_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:42:08
Original
1016 Leute haben es durchsucht

#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';)}
Nach dem Login kopieren


_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');
Nach dem Login kopieren

宽高我加上了,没起作用
_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')}
Nach dem Login kopieren


<!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>
Nach dem Login kopieren

现在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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage