In a nutshell
In a follow-up
article that appeared recently about overcoming the fastidious attitude of Internet Explorer browser version 6 with respect to
.png , I will describe another recipe. This is the development of
TwinHelix under the commonplace name
IE PNG Fix .
Immediately make a reservation that there is nothing revolutionary in the method itself. Everything is typical - JavaScript + filter. However, in this case, you don't need to enable JavaScript in HTML itself, plus the implementation allows you to flexibly “pry” it with IE (for example, using
Conditional omments ). This fix allows you to display both the images themselves and them, but as a background support for repeating backgrounds, while in version
2.0 of Alpha 1 , according to the author, this feature is already implemented).
How To Use
- The iepngfix.htc files extracted from the download archive and blank.gif (the usual transparent 1x1 px gif) are added to the site directory.
- We write in CSS:
Here you can separate all blocks / tags / elements containing .png-images in comma. In this case, the path to the .htc file is specified relative to the HTML document, and not CSS. For example:
')
- If you use subdirectories, you should open the .htc file and change the value of the blankImg variable to the appropriate path to the transparent picture blank.gif . For example:
var blankImg = '/images/blank.gif';
- Enjoy! Also, you can get acquainted with the demonstration of work.
Conclusion
Here is a technique. The fact that the well-known company
Apple , on its website, appeals IE users with IE PNG Fix, also speaks in its favor. You can take a look for yourself :)
Good luck to everyone.