[CSS] transparante layer

Door femke op 13-10-2006 18:07

580 views

Ik wil graag bij een fout een transparante layer over het scherm zetten met daarop de foutmelding en een button. Nu dacht ik het op te lossen met een transparante gif als achtergrond van de layer, maar dit wil niet lukken omdat de gif grijs ipv transparant wordt weergegeven in IE. Wat is de juiste oplossing voor dit probleem, ik zie het namelijk wel vaker op sites.

Kalle P

13-10-2006 18:15

z-index over het scherm gooien met IE.

css:
alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.5;

femke

13-10-2006 18:16

Kalle schreef op 13.10.2006 18:15
z-index over het scherm gooien met IE.

css:
alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.5;

dit is met andere browsers niet mogelijk?

Kalle P

13-10-2006 18:18

Als het goed is werkt dit voor alle browser. Een transparant/opacity van 50%

femke

13-10-2006 18:39

werkt inderdaad, alleen zet hij niet de tekst over de rest heen, ookal staat deze op z-index 1 of 2.
De pagina waar het overheen gegooid wordt heeft geen z-index, kan dat het probleem zijn?

Kalle P

13-10-2006 18:40

het gaat om het hoogste z-index nr, ik dacht dat standaard 0 of 1 z-index waarde is. Dus als jij 2 ervan maakt moet ie erover heen gezet worden.

femke

13-10-2006 19:00

ja dat zou je denken maar zelfs bij 5 doet ie niets, ik ga mijn code even verder uitpluizen wellicht dat er ergens anders iets mis gaat.

Kalle P

13-10-2006 19:25

En als je
position: absolute;
er bij zet.

Reageren

Inloggen om te reageren