View previous topic :: View next topic |
Author |
Message |
BInE
Joined: 08 Apr 2009 Posts: 58
|
Posted: 18.04.2009 09:36 Post subject: IE6 i png |
|
|
Pozz svima,
predpostavljam da je ovo pitanje na ovom forumu postavljeno bar 1000 puta, i nezelim da mislite da mi je mrsko googlat, poznajem dosta nacina za prepoznavanje png u IE6, ali svaki od njih na neki nacin zeza na nekim stvarima,
zbog toga bih vas zamolio da ovdje navedete nacine na koje vi rjesavate problem png u IE6, pa mozda bude od pomoci mnogima kada nadju sve na jednom mjestu,
hvala |
|
|
Back to top |
|
|
BInE
Joined: 08 Apr 2009 Posts: 58
|
|
Back to top |
|
|
KAMI
Joined: 14 Oct 2006 Posts: 100
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
Limeni
Joined: 13 Nov 2007 Posts: 109
|
|
Back to top |
|
|
endora
Joined: 18 May 2009 Posts: 1
|
Posted: 29.06.2009 17:52 Post subject: |
|
|
Pozdrav,
evo prvi post na forumu... ugl radim dosta s CSS-om... čak je i moj dizajner ovdje... točnije oba....
Ja sam dugo tražio riješenje za transparentne PNG-ove za IE6. Sva rješenja s JavaScriptom su loša, jer uvijek se zna nešto klati s njima, a i implementacija je komplicirana. Pa evo neko moje riješenje koje sam sklepo iz nekih primjera. Možda je ovo riješenje već gore ne linkovima, ali sam lijen kliktati lakše je napisati....
Prvo kreiraš eksterni css file (ovdje je to: style_IE6.css) koji povežeš s HEAD-om ovako:
<!--[if IE 6]>
<link rel="stylesheet" href="style_IE6.css" type="text/css" />
<![endif]-->
Ok recimo da imaš CSS bg koji ima transparentni PNG:
div#Hd {
background:transparent url(Images/Hd_W.png) no-repeat scroll top left;
width:786px;
height:276px;
display:block;
float:left;
}
U style_IE6.css napišeš sljedeće:
div#Hd {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/Hd_W.png', sizingMethod='crop');
}
Ok, za repete slike umjesto sizingMethod='crop' koristi sizingMethod='scale'.
Pozicijoniranje putem ovog trika nije moguće. Dakle background-position ovdje ne radi, ali zato je najbolje kad radiš PNG sliku ostaviti prostor koji ti treba. Ako je recimo neki bullet koji razdvaja likove u sredini riječi ostavi gore i dole prostora. PNG neće biti ništa teži radi ostavljenoga prostora.
Možda se nekome ovo riješenje neće svidjeti no meni radi savršeno. Lakše mi je napraviti još jedan CSS nego implementirati JavaScript... |
|
|
Back to top |
|
|
Patrick
Joined: 01 May 2004 Posts: 59 Location: Zagreb
|
|
Back to top |
|
|
|