> 웹 프론트엔드 > HTML 튜토리얼 > 这个IE6 PNG透明的东西怎么弄?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:42:08
원래의
1028명이 탐색했습니다.

#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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿