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

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

WBOY
Release: 2016-06-21 09:42:08
Original
1017 people have browsed it

#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';)}
Copy after login


_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');
Copy after login

宽高我加上了,没起作用
_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')}
Copy after login


<!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>
Copy after login

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template