Transparency + visi IE iki IE7

Sveiki,

 

turiu tokią štai bėdą:

 

Firefox, Opera ir kitos daug maž žmogiškos naršyklės (Konqueror, Safari) manojo tinklapio www.parduodu-perku.lt viršutinę dalį vaizduoja normaliai, o visi IE iki 7 versijos nesupranta permatomo logo, dėl šios priežasties gaunu kraupų puslapio vaizdavimą (į visą kitą,išskyrus viršų, nekreipkit dėmesio:>).

Viskas, ką kolkas pavyko padaryti - !important tagas į css dokumentą. Rezultatas čia ir jis manęs netenkina. Radau tokį "patarimą", tačiau iš jo naudos - kaip iš ožio pieno. Gal kas kokį patarimą?

Tas patarimas veikia iš esmės.. Paprastesnio sprendimo gali pasiieškot googlėj. O jei tingi ieškotis - persipiešk logo kartu su backgroundu ir tiksliai jį užsidėk, kad susilietų ir apseisi be png permatomumo :( Visvien nieko ten ypatingo nėra, kad vertėtų kankintis.

Siaip gali naudoti ne PNG-24, o PNG-16, tuomet ir IE palaikys, bet beda, kad pastarasis formatas nepalaiko dalinio permatomumo, kurio tikrai kartais labai reikia.

 

Pats sia problema issprendziau naudodamas CSS behavior (ar behaviour?) su Microsoft alfa filteriu. Gavosi viskas gerai, be to atitiko visus CSS bet HTML standartus.

 

Gaila, kad is telefono rasau, negaliu linko pamesti. :(

Paprastesnis sprendimas, beje, yra IE-only.css faile aprašyt tą logo div'ą:

#logo { 
background-image: none;.
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://path.to.logo/logo.png', sizingMethod='image');
}

Bent man tai taip puikiai veikia :(

Paprastesnis sprendimas, beje, yra IE-only.css faile aprašyt tą logo div'ą:

#logo { 
background-image: none;.
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://path.to.logo/logo.png', sizingMethod='image');
}

Bent man tai taip puikiai veikia :(

Bet toks budas ganetinai nepatogus, jei turi daug paveiksleliu. Kiekvienam reikia manualiai kurti CSS klase. Tuomet labai padeda tas scriptukas su CSS behavior, kuris padaro lygiai ta pati, taciau automatiskai visiems (arba tarkim tik tiems, kuriems tam tikra klase priskirsim) tinklapio paveiksleliams. :D

Tas patarimas veikia iš esmės.. Paprastesnio sprendimo gali pasiieškot googlėj. O jei tingi ieškotis - persipiešk logo kartu su backgroundu ir tiksliai jį užsidėk, kad susilietų ir apseisi be png permatomumo :( Visvien nieko ten ypatingo nėra, kad vertėtų kankintis.

 

 

Na, "staklėms" nieko ypatingo ir nereikia :D Žo, tą sprendimą pavadinau ožio pienu jo net nebandęs, nes praždioj atsiverčiau jį su IE - nu rezultatas netoks kokio aš noriu! O gal verta pabandyt? Kas dėl perpiešimo ir įdėjimo kaip paveiksliukas - gi žmonės skirtingų dydžių monitorius turi, skirtingas rezoliucijas naudoja.. Nesąmonė.

Kas dėl perpiešimo ir įdėjimo kaip paveiksliukas - gi žmonės skirtingų dydžių monitorius turi, skirtingas rezoliucijas naudoja.. Nesąmonė.

 

Jei dar nepastebėjai, tai tavo headerio aukštis statinis, headerio fono aukštis taip pat. Tai, kad nuo rezoliucijos logotipas čiužinėja x ašyje nieko nesugadins.

Jei dar nepastebėjai, tai tavo headerio aukštis statinis, headerio fono aukštis taip pat. Tai, kad nuo rezoliucijos logotipas čiužinėja x ašyje nieko nesugadins.

 

 

Nu tep tep, suprantu. Bet jeigu aš padarau tą hederį tarkim 1024px ilgio, tai negi naršyklė jį ištemps vartotojui su 1280 rezoliucija? Pabandysiu prieš tai tavo duotą variantą, tiesa, galvą pasukti teks :> Bet kokiu atveju, dėkui už atsakymus!

tai tu ilgi nurodyk kad 100%, o auksti pixeliais, ir viskas

Nu tep tep, suprantu. Bet jeigu aš padarau tą hederį tarkim 1024px ilgio, tai negi naršyklė jį ištemps vartotojui su 1280 rezoliucija? Pabandysiu prieš tai tavo duotą variantą, tiesa, galvą pasukti teks :> Bet kokiu atveju, dėkui už atsakymus!

 

Ar tu nesupranti, kad tik logui uždėt backgroundą reikia, o ne visa 1024px pločio img dėt. Dabartinis 1px pločio fonas užlies visa headerį, o logas galės belekurioj jo vietoj važinėtis, nes pats logotipas turės savo jau statinį foną =) Damn, pasidarai screenshot'ą, issikerpi logo tiksliai, dedi vietoj seno logo nauja-iskirpta. Aiškiau nemoku :(

Ar tu nesupranti, kad tik logui uždėt backgroundą reikia, o ne visa 1024px pločio img dėt. Dabartinis 1px pločio fonas užlies visa headerį, o logas galės belekurioj jo vietoj važinėtis, nes pats logotipas turės savo jau statinį foną =) Damn, pasidarai screenshot'ą, issikerpi logo tiksliai, dedi vietoj seno logo nauja-iskirpta. Aiškiau nemoku :(

 

 

A va "dašilo"! Ir kaip pats nesugalvojau, nu aš niūbis:> Ačiū!

Tai dar kart ačiū už mintį :( Jeigu dar kart atsiverstumėt parduodu-perku.lt su IE, tai pamatytumėt tokią šlykščią pilką liniją. Kas čia per linija, kodėl ji čia ir kaip ją panaikinti/perstumti?

Tai dar kart ačiū už mintį :( Jeigu dar kart atsiverstumėt parduodu-perku.lt su IE, tai pamatytumėt tokią šlykščią pilką liniją. Kas čia per linija, kodėl ji čia ir kaip ją panaikinti/perstumti?

 

 

jai dedi margin-top:10px visos narsykles ir supranta kad 10 pixeliu o ie 6 uzdeda daugiau, naudok padinga