[CSS]Opera en doorzichtigheid

[Verwijderd]

Ik wens een afbeelding te tonen op een doorzichtbare table.

In IE en Firefox geen probleem:


Maar in Opera wel:


Je ziet het vlak in Opera duidelijk liggen. Hoe kan ik dat oplossen?

De doorzichtbaarheid van mijn table heb ik met volgende CSS-code gemaakt:
.opaque { opacity: .7; filter: alpha(opacity=70); }

[crisp]

Welke versie opera? vziw wordt opacity pas vanaf versie 9 ondersteund...

[Verwijderd]

Versie 9.00

[Fuzzillogic]

Zomaar een gedachte: probeer eens 0.7 ipv .7. Misschien dat Opera daarover valt.

[Verwijderd]

Nee, helpt niet. Dan wordt de table volledig gevuld ipv doorzichtbaar te zijn.

Het probleem zit hem erin dat Opera de afbeelding niet doorzichtbaar maakt(of althans de achtergrond van de afbeelding niet), maar wel de table. IE en Firefox maken de afbeelding wél mee doorzichtig

[ Voor 9% gewijzigd door Verwijderd op 15-08-2006 23:15 ]

[WormLord]

Volgens mij doet Opera het goed. Met een opacity van 70% (= 30% doorzichtig) zul je nog steeds het origineel zien met de achtergrond er doorheen. En dat is wat ik op het 2de plaatje zie: een image met wat achtergrond er doorheen.

Ik weet natuurlijk niet of die afbeelding van zichzelf al een transparante achtergrond heeft of zo.

[moozzuzz]

Probeer eens

Cascading Stylesheet:

#myTable {background: transparent;}

of geef es de code door?

[Peedy]

Op deze site heb ik rechtsboven ook opacity gebruikt, voor de input fields. Voor de PNG plaatjes (Username en Password) heb ik niets ingesteld, die deden het gewoon in Opera.

Ik had echter dat het in IE niet werkte, vandaar dat er in de source een stukje code staat:

code:

<!--[if lt IE 7]> 
<script defer type="text/javascript" src="js/pngfix.js"></script> 
<![endif]-->

[Verwijderd]

Ik heb mijn afbeelding transparant gemaakt en nu lukt het wel in Opera

[funkwurm]

Transparantie wordt geerfd door child-objecten, Opera lijkt dit niet (goed) te doen.

Mooi voorbeeld dat ACID ook niet alles zegt.

[Verwijderd]

Kan ik dat erven ook afzetten? Want als ik een tekst op een doorzichtbare table zet, dan is deze ook doorzichtbaar...

[Harm]

Nee, het zijn niet voor niets cascading style sheets . Je kunt wel expliciet in het child een bepaalde property setten waardoor de overerving ongedaan gemaakt wordt.

[Verwijderd]

Enig idee welke setting dit is?