PNG hack dla IE oparty o JQuery
Poszukując rozwiązania ciągle istniejącego problemu wyświetlania przeźroczystych PNG’ków w IE6, znalazłem bardzo fajny skrypcik. Jest to zastosowanie biblioteki JQuery, “zaprzęgające” do pracy odpowiednie filtry do wskazanych przez użytkownika elementów, bez zmiany tagów. Skrypt obsługuje zarówno elementy <img>, jak i style CSS. No i co najważniejsze - jak widać poniżej - jest bardzo prosty w użyciu!
Biblioteka JQuery
Biblioteka ifixpng
1
2
3
4
5
6
7
8
9
10
11
12
13
// apply to all png images
$('img[@src$=.png]').ifixpng();// apply to all png images and to div#logo
$('img[@src$=.png], div#logo').ifixpng();
// apply to div#logo, undo fix, then apply the fix again
$('img[@src$=.png], div#logo').ifixpng().iunfixpng().ifixpng();
// apply to div#logo2, modify css property and add click event
$('div#logo2').ifixpng().css({cursor:'pointer'}).click(function(){ alert('ifixpng is cool!'); });
Strona projektu: ifixpng