IE6 supports PNG transparent (alpha channel) Four Methods

Source: Internet
Author: User

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/

  1. 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/
  2. 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/
  3. 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/
  4. 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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.