Internet Explorer vs. PNG átlátszóság
Észrevehetjük, hogy az Internet Explorer régebbi verziói nem tudják támogatni a PNG fájlokat. A jelenség az, hogy nem kezeli az átlátszóságukat, és ez elég nagy probléma mivel (sajnos) a mai napig is a felhasználók legnagyobb része IE6-ot használ.
Szerencsére erre is van megoldás, nem is bonyolult, nem is sok idő megoldani.
Mindösszesen három fájlra lesz szükségünk:
Az első css fájlt a Conditional Comment feltételes megoldással kell beilleszteni a weboldalunkba (Drupal CMS esetén a page.tpl.php fájlba):
-
<!–[if lt IE 7]>
-
<link rel="stylesheet" href="http://www.kalman-hosszu.com/ie-fix/ie.css" type="text/css" media="screen" />
-
<![endif]–>
Ezzel elérjük azt, hogy az IE7 előtt böngészőknél hozzáadja az oldalhoz az ie.css fájlt is.
Ha megnézzük ennek a css fájlnak a tartalmát akkor láthatjuk, hogy hova kell elhelyezni a többi fájlt:
-
img {
-
behavior: url(/images/png.htc);
-
}
Tehát az itt megadott könyvtárba (esetemben /images) elhelyezzük a png.htc és a transparent.gif fájlokat, és IE alatt is használhatunk PNG képeket.
hosszu.kalman Reply:
January 16th, 2009 at 9:25 am
Igen ez igaz!
Köszönöm a kiegészítést, bár ez a bejegyzés elsősorban nem a Drupalról szól, hanem az IE6 png problémájának megoldásáról.
A Drupal-al kapcsolatban:
Viszont ha sminket készítünk (úgy értem nem saját felhasználásra), akkor nem alapozhatunk arra, hogy hátha feltepíti a felhasználó a Drupal modult és akkor majd jól jelenik meg IE6 alatt is téma.
[Reply]