Page 1 of 1
Plaatjes in FF wel doorzichtig en in IE niet..
Posted: 09 Mar 2006, 17:07
by HobbeS
Bij de volgende pagina zijn de 2 plaatjes in FireFox wel doorzichtig en in Internet Explorer niet.. Hoe kan ik dit goed oplossen?
http://www.heinoken.nl/meulink/Nieuwe_Site_v2/top.htm
Posted: 09 Mar 2006, 17:13
by Squizle
hoe heb je ze gemaakt...ik zie dat het om PNG gaat maar heb je ze met of zonder achtergrond opgeslagen?
want de kleuren in FF zijn anders dan in IE...
weet niet of je het dus gedaan hebt maar anders moet je ze met transparante achtergrond opslaan in PS
Posted: 09 Mar 2006, 18:12
by blimmel
PNG's met Alpha channel worden toch niet goed door IE6 ondersteund?
Pas in IE7.
Tot die tijd zal je gif's moeten gebruiken voor transparante plaatjes.
Posted: 09 Mar 2006, 19:15
by HobbeS
Ik gebruik PSP9, geen idee hoe ik het heb gedaan... Qua Lagen.. Gewoon met de achtergrond wisser in PSP9...
Heb het ook met gif gedaan alleen als ik ze dan uitvoer bij PSP zijn de achtergrond al niet doorzichtig meer...
Posted: 09 Mar 2006, 20:00
by blimmel
Heb je wel bij het exporteren van de gif aangegeven dat er een kleur transparant moet zijn en welke kleur dat is?
Posted: 09 Mar 2006, 20:25
by JayBro
doorzichtigheid kan niet in alle browsers... zo simpel is het op dit moment.. als je zoiets wil simuleren kun je flash gebruiken.
Posted: 09 Mar 2006, 21:07
by blimmel
JayBro wrote:doorzichtigheid kan niet in alle browsers...
gif wel
tenminste alle browsers die in deze eeuw zijn uitgekomen
Posted: 09 Mar 2006, 23:49
by madman
Hmm. ik weet niet of het verhaal van het Alpha channel helemaal klopt.. Wij gebruiken op het werk functies om runtime plaatjes te maken voor websites.. deze plaatjes worden exporteerd als PNG en hebben wel degelijk transparantie..
Volgens mij heeft het probleem te maken met IE en achtergronden.. De plaatjes waarin wij transparantie gebruiken liggen namelijk boven op een ander plaatje (dmv van DIV's). Zouden we ze echter rechtreeks gebruiken op de achtergrond dan heb je volgens mij idd het zelfde probleem..
Posted: 10 Mar 2006, 00:17
by blimmel
Misschien is het een beetje klok en klepel, maar IE heeft wel problemen (gehad?) met png's
Google: internet explorer png transparency
Posted: 10 Mar 2006, 08:47
by madman
Je hebt idd gelijk, het werkt bij ons iets anders als dat ik in mijn hoofd had: het transparante plaatje wordt gecopieerd op het onder liggende plaatje ipv een losse DIV
Blijft natuurlijk weer jammer dat MS de standaarden niet juis of maar deels implementeerd
Posted: 10 Mar 2006, 15:35
by JayBro
madman wrote:Je hebt idd gelijk, het werkt bij ons iets anders als dat ik in mijn hoofd had: het transparante plaatje wordt gecopieerd op het onder liggende plaatje ipv een losse DIV
Blijft natuurlijk weer jammer dat MS de standaarden niet juis of maar deels implementeerd
hmm, we zeggen het wel fout.. je hebt transparantie en alpha
transparantie bestaat wel, en alleen met
gif
alpha wordt niet standaard ondersteund, maar er zijn trucjes voor
Code: Select all
<style>
.alpha20 {
opacity: .2;
filter: Alpha(opacity=20);
}
</style>
<div class="alpha20">Uw plaatje hier</div>
zou moeten werken onder IE en FF... vanaf versies uit 2000 ofzo
dus, succes :-)
Posted: 10 Mar 2006, 19:55
by HobbeS
Dat plaatje moet dat dan met img-tags erbij? En moet je elke keer als je een plaatje erin wil zetten die doorzichtig moet zijn er zo neerzetten? En geld dit dan voor PNG's?
Posted: 10 Mar 2006, 20:55
by blimmel
kun je niet de class aan de <img> toewijzen?
<img class="alpha20" src="plaatje.png">
Posted: 10 Mar 2006, 22:57
by JJapie
class aan image kan gewoon bij mijn weten. Je kan ook in je stylesheet een algemene regel voor plaatjes opnemen..
Posted: 11 Mar 2006, 13:34
by JayBro
nou, naar wat ik gehoord heb is dat bepaalde minder gebruikte browsers een plaatje niet zomaar kunnen alpha-en... vandaar de div
dus mijn suggestie is die classname op de divjes gebruiken die alpha nodig hebben...