[CSS] PNG background-image in Opera

[r0bert]

Oeps, type, ik bedoelde ipv Opera Mozilla.. _{edit: Opera doet het ook niet}

Ik weet niet waar het aan ligt (PNG?, FireFox, mijn CSS coding), maar ik krijg het niet voor elkaar om mijn background-image in een DIV weer te geven:

Hier een voorbeeld

De image is een borderlijntje aan de bovenkant..

edit:
Voor de duidelijkheid: IE kan er wel mee overweg, Mozilla FB en FF niet

[ Voor 30% gewijzigd door r0bert op 21-04-2004 16:32 ]

[supakeen]

Firebird ook niet

[r0bert]

*even kijken*

wat ik hier kan testen:
- FireFox 0.8 niet
- FireBird 0.7 niet
- Opera 7.23 niet

[ Voor 174% gewijzigd door r0bert op 21-04-2004 16:32 ]

[Zerora]

r0bert schreef op 21 april 2004 @ 16:26:Voor de duidelijkheid: IE kan er wel mee overweg, Opera niet

Je zei het al, IE kan het wel. Bij ook. Coding is voor IE dus goed.
Kan het zijn dat opera of firebird PNG niet ondersteunen?

[DizzyWeb]

LOL. Als er een browser is die PNG juist slecht ondersteunt, dan is het IE wel.

Nee, ik denk dat het meer met de floats en de fixed positioning van de background temaken heeft.

[Hahn]

Zerora schreef op 21 april 2004 @ 16:30:
[...]

Je zei het al, IE kan het wel. Bij ook. Coding is voor IE dus goed.
Kan het zijn dat opera of firebird PNG niet ondersteunen?

Nee, sterker nog, Firefox heeft een veel betere ondersteuning voor PNG dan IE heeft.

[bredend]

Als Mozilla, FB en Opera er niet mee overweg kunnen klopt je code niet. Dat IE er wel iets van maakt is om jou als 'klant' tevreden te stellen

Volgens mij is deze css is niet correct:

Cascading Stylesheet:

style="float: left; background: white url('../_projects/MeppelOnline/images/tab-bor
der.png') fixed repeat-x top left;"

(stond aanelkaar hoor)

[ Voor 44% gewijzigd door bredend op 21-04-2004 16:39 ]

[r0bert]

^{zonder flow}

Ja, ze zouden het goed moeten ondersteunen, maar het werkt niet.. Wat doe ik fout in mijn code dan

quote: bredend

Volgens mij is deze css is niet correct:

Cascading Stylesheet:

 style="float: left; background: white url('../_projects/
MeppelOnline/images/tab-border.png') fixed repeat-x top left;"

(stond aanelkaar hoor)

Ja, dat snap ik.. Maar wat is de fout dan?

[ Voor 55% gewijzigd door r0bert op 21-04-2004 16:41 ]

[Zerora]

Misschien is dit nuttig:
PNG supporting browsers

[r0bert]

Wel informatie over welke browsers PNG ondersteunen, maar ik kom er niet zoveel verder mee

[Verwijderd]

r0bert schreef op 21 april 2004 @ 16:51:
Wel informatie over welke browsers PNG ondersteunen, maar ik kom er niet zoveel verder mee

In ie gaat het ook niet helemaal lekker, het horizontale streepje loopt niet door, daardoor sluit het geheel niet aan.

[r0bert]

Verwijderd schreef op 21 april 2004 @ 16:58:
[...]
In ie gaat het ook niet helemaal lekker, het horizontale streepje loopt niet door, daardoor sluit het geheel niet aan.

Dat is die 3px-bug ofzo, die is in de complete pagina opgelost

[Verwijderd]

Het is 'fixed' en niks anders. Internet Explorer ondersteund dat niet en omdat de gemiddelde sitebouwer nog steeds z'n site daar in test gaat hij er automatisch vanuit dat andere browsers het fout hebben (daarnaast trekken zij, en anderen, verkeerde conclusies).

Edit: een kleine correctie. Internet Explorer ondersteund het _wel_ voor plaatjes die ingesteld zijn als achtergrond van het BODY element, anders niet.

[ Voor 26% gewijzigd door Verwijderd op 21-04-2004 17:07 ]

[deviltje]

Waarom heb je background fixed ??
dit zorgt ervoor dat de background wordt gepositioneerd tov de viewport.. dus je browser-venster.. je repeat hem alleen op x, dus je zal hem nooit zien in je div..

[r0bert]

Jups werkt! Ik had het zelf uiteindelijk gemerkt doordat ik alle background-eigenschappen stuk voor stuk was gaan toevoegen.. Nou, blij dat er een oplossing is!

werkend

[Verwijderd]

Mierenneuken:
"Werkend" is niet de juiste benaming. "Correct toegepast" zou beter zijn. Het werkte namelijk al, alleen jij snapte niet waarom het zo werkte.

[r0bert]

Ok, gelijk.. maar het werkt ook

[drm]

Anne:
Mierenneuken:

zeg dat