Home >Web Front-end >HTML Tutorial >What method does everyone use to make PNG images transparent in IE6? _html/css_WEB-ITnose
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.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>
<!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>