In particular, IE6 supports both the index color transparency of PNG and the Alpha transparency of PNG. What we always want to solve is to make IE6 support the Alpha transparency of PNG. I have collected and sorted out the following four methods, but they all use filters, JS, CSS, and other methods as the basis to simulate the restoration effect. Although the Alpha transparency problem has not been solved, it has finally solved the pressing problem.
- IE6 supports png8 transparency:
IE6 supports both the index color transparency of png8, but does not support PNG or more than 8 Alpha transparency. We recommend that you use png8 for non-animated GIF images because the size will be smaller.
Test instance: http://blog.gulu77.com/demo/200809/test_IE6png8/
-
- Alphaimageloader Filter
- Introduction: Insert filter: progid: dximagetransform.microsoft.alphaimageloader(src1_'image.png ', sizingmethod = 'Scale') to each label style ')
- Http://support.microsoft.com/kb/294714/zh-cn go
- Test instance: http://blog.gulu77.com/demo/200809/test_AlphaImageLoader/
-
- PNG transparency in IE
- Usage: relatively simple. You can use a piece of JavaScript containing a filter to simulate the PNG Alpha transparency of an image or background.
- Http://codingforums.com/archive/index.php? T-80555.html go
- Test instance: http://blog.gulu77.com/demo/200809/test_PNGTransparncyinIE/
- Ie png fix V1.0/0/2.0 Alpha 2
- Usage: The page label uses behavior: URL ("iepngfix. HTC"); To call the iepngfix. HTC file containing JS and CSS externally to modify the PNG Alpha transparency.
- Http://www.twinhelix.com/css/iepngfix/ go
- Test instance: http://blog.gulu77.com/demo/200809/test_iepngfix/
-
- IE7/IE8 JavaScript Library
- Introduction: IE7/ie8-js is a JS library that resolves conflicts between IE and W3C standards, making Microsoft's ie behavior like a web standard compatible browser that supports more W3C standards.
- Http://code.google.com/p/ie7-js/ go
- Test instance: http://blog.gulu77.com/demo/200809/test_ie7-js/
Package and download all instances:Http://blog.gulu77.com/demo/200809/test_png.rar