Because I know some web page production technology, I heard a long time ago that translucent PNG files will have problems displaying under IE6, but since I have never really encountered them, I have never encountered them.
I started building my own website at the beginning of this year. I used a png picture with a transparent part to make the website logo. I thought it was a time, so I don’t have to consider IE6 anymore. One day when I came back from get off work and opened the Google Analytics backend, I found that IE6's visits actually accounted for 40% of the total. I was shocked and quickly got off the green version of IE6 from the Internet to test my own website. Sure enough, the LOGO was completely opaque.
So I searched for solutions overnight. Generally speaking, the online methods are generally more complicated, including css filters, js, gif replacement, etc. But I always feel that it is not beautiful enough. Finally, after a night of searching, I found a solution that can be smoothly solved with only 2 sentences of js code. Next, share with you
First, download iepng.js from my website
http://www. *** .com/templates/default/js/iepng.js
If your website uses translucent png as the background element id as logo, add it between <head></head>:
| <!-- for ie6 png fix --> <script type="text/javascript" src="templates/js/iepng.js"></script> <script type=text/javascript> EvPNG.fix('#logo');</script> |
Finally, let me explain that if you use transparent png as background div id as foo, then it should be written as:
| EvPNG.fix('#foo'); |
If you use transparent png as background div class as bar, then you should write it as:
| EvPNG.fix('.bar"); |
The syntax is the same as CSS, OK, I hope to continue to exchange website building skills with you.
This article is original by Wangzai, the webmaster of Tianniu.com (www.hers99.com). Please indicate the source when reprinting
Thanks to Wangzai for his contribution