PNG Image transparency under IE6 (PNG image can also be used as the background)

Source: Internet
Author: User

The lazy hacker here ensures that all the articles published are high-quality tested JS Code, and IE6, IE7, and Firefox are compatible. I hope you will pay more attention to my post, I will share my experience!
When looking for JS special effect code for PNG images with transparent effects, the lazy hacker finds that most of the effects can only be transparent under IE6. When PNG images are used as the background, this effect does not work. Next, I want to share the JS special effect code to achieve this effect.

Click to downloadHttp://www.po-soft lazy ghost. com/blog/Xuan/145.html (remove lazy ghost on it)

The procedure can be simplified to the following three steps:
• Step 1: copy image files in iepngfix. HTC and PNG format to your project
• Step 2: Use the appropriate selector to enable "behavior: URL (" iepngfix. HTC ")" on a PNG image that is transparent to IE6 or a container that requires transparent background image ");"
• Step 3: If you want the background PNG image of the container to have a transparent effect, you also need to introduce the iepngfix_tilebg.js script in the page (of course, if you do not want to use the transparent PNG background image effect of the container, you can also disable this JS file)

Of course, the entire solution also has disadvantages-one or two files need to be referenced (iepngfix. HTC and iepngfix_tilebg.js files ). I have referenced these two files in the project and found that the opening speed is much slower. It may also be related to the code of the project or other software and hardware. However, removing the iepngfix_tilebg.js file does not have much impact, therefore, if it is not necessary to reference this file as far as possible, it depends on your own requirements.

 

 

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.