Shulou(Shulou.com)06/02 Report--

This article is about how to use DD_belatedPNG to make IE6 support PNG transparent images. The editor thought it was very practical, so I shared it with you as a reference. Let's follow the editor and have a look.

How to use DD_belatedPNG to make IE6 support PNG transparent images?

Use DD_belatedPNG to make IE6 support PNG transparent pictures

Recommended study: dream weaving cms

It is well known that IE6 does not support transparent PNG pictures, but PNG pictures have the effect that other graphic formats can not achieve in terms of expressiveness in Web design. The fatal flaw of IE6 greatly limits the creativity of Web design.

Although there are many ways to solve the transparent PNG of IE6, from using IE-specific filter or e-xpression, to javascript+ transparent GIF replacement. However, all of these methods have a disadvantage that they do not support the backgrond-position and background-repeat attributes in CSS.

The use of DD_belatedPNG.js can perfectly solve the problem of transparency of PNG images under IE6, and support backgrond-position and background-repeat. This is not available in other methods, and DD_belatedPNG also supports the a:hover property, and

.

Our website has added DD_belatedPNG to navigate PNG transparent images to make them look the same in different browsers.

How to use it:

First download the JS file

Http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js

Then reference the code in the page:

The reference function is DD_belatedPNG.fix (). Fill in the CSS selector of the application PNG (you can use the ID selector and the class selector) and the application type (divided into img and background) in parentheses.

Such as DD_belatedPNG.fix ('# box-one, img') or DD_belatedPNG.fix ('. Header, background') and so on.

These can be simplified to DD_belatedPNG.fix ('# box-one, .header, img,background');.

More selectors such as DD_belatedPNG.fix ('# box-one, .header, # footer,.box-two a:hover, img,background'); and so on.

In addition, to solve the flickering of the background image under IE6, you can add the following script to the page

Thank you for reading! On the use of DD_belatedPNG to make IE6 support PNG transparent pictures to share here, I hope the above content can be of some help to you, so that you can learn more knowledge. If you think the article is good, you can share it and let more people see it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.