Heim > Web-Frontend > HTML-Tutorial > IE6实现PNG图片透明,大家都用什么方法?_html/css_WEB-ITnose

IE6实现PNG图片透明,大家都用什么方法?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:20:02
Original
1145 Leute haben es durchsucht

IE6 PNG透明 ie

我用了一段JS实现IE6实现PNG图片透明,大家都用什么方法?_html/css_WEB-ITnosePNG图片透明,但是不能动态更改img的src,查看源文件才知道,img已经被替换成了一个span。
不知道大家有没有什么好方法?

回复讨论(解决方案)

使用 iepngfix.htc

好久没用ie6.

我一般都用以下两种方法解决的,楼主可以作为参考:
第一种:用CSS的滤镜解决

<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>IE6下PNG图片透明问题解决</title>        <style>            #one{                width: 200px;                height: 200px;                background:url("images/12.png") ;                _filter:                     progid:DXImageTransform.Microsoft.AlphaImageLoader(                    enabled='true',                     sizingMethod='scale',                     src="images/12.png");                _background:none;            }        </style>    </head>    <body>        <div id="one"></div>    </body></html>
Nach dem Login kopieren

第二种就是引入DD_belatedPNG_0.0.8a.js文件(个人觉得比较好用):
<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>IE6下PNG图片透明问题解决</title>        <style>            .test{                width: 200px;                height: 200px;                background-image: url(images/13.png);            }        </style>        <!--[if IE 6]>         <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript" >        </script>         <script type="text/javascript">             DD_belatedPNG.fix('img,.test');         </script>          <![endif]-->     </head>    <body>        <div class="test"></div>        <img  src="images/12.png" / alt="IE6实现PNG图片透明,大家都用什么方法?_html/css_WEB-ITnose" >    </body></html>
Nach dem Login kopieren

DD_belatedPNG_0.0.8a.js这个js文件,楼主可以到网站上去自己下载,下载之后记得引到html文件中就可以了。

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