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
Release: 2016-06-24 12:20:02
Original
1149 people have browsed it

IE6 PNG transparent ie

I used a piece of JS to realize 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>
Copy after login

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

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.

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