Home >Web Front-end >HTML Tutorial >What method does everyone use to make PNG images transparent in IE6? _html/css_WEB-ITnose

What method does everyone use to make PNG images transparent in IE6? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:021142browse

IE6 PNG transparent ie

I used a piece of JS to realize a1f02c36ba31691bcfe87b2722de723b PNG image transparency, but I cannot dynamically change the src of img. I only found out after checking the source file that img has been replaced with a span.
I wonder if anyone has any good methods?

Reply to discussion (solution)

Use iepngfix.htc

I haven’t used ie6 for a long time.

I usually use the following two methods Solved, the author can use it as a reference:
The first one: use CSS filters to solve it

<!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>

The second one is to introduce the DD_belatedPNG_0.0.8a.js file (personally I think it is easier to use):
<!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" />    </body></html>

The author can download the js file DD_belatedPNG_0.0.8a.js from the website. After downloading, remember to import it into the html file.

Statement:
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