On Tue, 24 Aug 2004 13:41:52 +0200, Steffen Holm
<mail@*nospam*skibumsen.dk> wrote:
> Problemet er faktisk 2 problemer:
> 1. Billeder der ligger i en div med gennemsigtighed bliver også
> gennemsigtige. Jeg har regnet ud at løsningen må være enten z-index
> eller et
> indsætte endnu en div med transparent baggrund. Ingen af delene kan jeg
> dog
> få til at lykkedes. Jeg efterlyser enten en tredje løsning, eller et link
> hvor en af de to løsninger er brugt og virker.
Den tredie løsning:
Lav et transparent billede og brug det som baggrund, på den måde slipper
du for at skulle rode med MS filtre og noget halvfærdigt css3 samt
browsere der ikke understøtter det endnu.
Så skal du bare rode med IE, der ikke forstår transparente png'er endnu.
Men det er heldigvis muligt.
Se:
<
http://ryankristensen.com/tests/trans.html>
> 2. filter:alpha... virker som bekendt ikke i moz., opera m.m. Dette har
> jeg
> løst på følgende måde:
> <snip fra style>
> filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
> -moz-opacity: 0.7;
> </snip>
Dette virker stadig ikke i Opera samt Konquerer og formentligt heller ikke
fremtidige udgaver af Mozilla.
Måden det skal gøres på er:
-moz-opacity:0.7; /* Mozilla */
opacity:0.7; /* css3 standarden */
-khtml-opacity:0.7; /* Konquerer */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* Microsoft */
Dejligt let ikke? - Og så har man ikke engang løst problemet med Opera.
> I moz. virker denne løsning på den ene af de to div's på siden, men af
> uforklarlige årsager ikke på den anden?
Begge bokse bliver transparente, når jeg kigger på dem i Mozilla.
--
Ryan Kristensen