Forum PHP.pl > [CSS] Osobny arkusz dla IE6

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Osobny arkusz dla IE6

Forum PHP.pl > Forum > Po stronie przeglądarki

luktuc

20.10.2009, 13:44:30

Witam. Jak zrobić aby dla IE6 użyty był osobny arkusz CSS? Dokładniej to chce, aby tam gdzie mam obrazki png z przezroczystością zastąpić innymi.

seth-kk

20.10.2009, 13:47:12

google > "png fix"

Fantazyn

20.10.2009, 14:13:04

[HTML] pobierz, plaintext 
       <!--[if IE 6]>
        <link type="text/css" rel="stylesheet" href="ie6.css" />
        <![endif]-->
[HTML] pobierz, plaintext

Ten kod wstawiamy PO wcześniej dołączeniu kodu css dla reszty. A w pliku ie6.css trzymamy tylko różnice dla IE6.

Pozdrawiam

Edit: (na dole) dokładnie tak : )

luktuc

20.10.2009, 14:21:20

@Fantazyn

Dzięki, dokładnie o to mi chodziło!
Jeśli dobrze rozumiem, to. pierw

[HTML] pobierz, plaintext 
<link type="text/css" rel="stylesheet" href="style.css" />
[HTML] pobierz, plaintext

a pod tym:

[HTML] pobierz, plaintext 
<!--[if IE 6]>
        <link type="text/css" rel="stylesheet" href="ie6.css" />
 <![endif]-->
[HTML] pobierz, plaintext

;>

EDIT:
@ u góry
dzięki

Burned

20.10.2009, 17:44:02

Nie musisz zastępować teł dla elementów czymś innym niż div.
Uzyj filtru w pliku css dla IE:

CODE

background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='sciezka/do.png');

luktuc

20.10.2009, 20:01:28

Nie kumam, mógłbyś jaśniej? ;>

Burned

20.10.2009, 22:53:07

Chyba bym mógł

Jeśli chodzi o przezroczyste png w ie to można to ogarnąć w następujący sposób. Załózmy, że mamy div z tłem w png.

[HTML] pobierz, plaintext 
<div id="id1"></div>
[HTML] pobierz, plaintext

Do tego jest ogólny css

CODE

div#id1 {
background-image:url('przezroczysty.png');
}

Stosujemy osobny css dla ie w którym znajduje się kod:

CODE

div#id1 {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='przezroczysty.png');
}

Więcej o AlphaImageLoader

luktuc

23.10.2009, 23:49:11

dzięki ;-)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.