Heim >Web-Frontend >HTML-Tutorial >这个IE6 PNG透明的东西怎么弄?_html/css_WEB-ITnose
#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';)}
#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>
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