Text in een transparant divje niet transparant maken
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
#cb {
position:fixed;
bottom: 0;
width:100%;
height: 30px;
z-index:999;
background-color:grey;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
color:#000;
}
position:fixed;
bottom: 0;
width:100%;
height: 30px;
z-index:999;
background-color:grey;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
color:#000;
}
Echter, de zwarte tekst zelf wordt ook transparant, en dat wil ik niet. Iemand een idee hoe je dit voor elkaar krijgt?
Of is het beter om gewoon een transparante background te maken in png? en die opacity en filters met rust te laten?
Gewijzigd op 11/11/2012 13:01:25 door - Ariën -
Ik ga eens kijken naar rgba e.d.
Code (php)
1
background: rgba(128, 128, 128, .6)
De RGBa functie werkt in alle huidige browsers. Voor IE8 en lager zou je eventueel een fallback kunnen gebruiken naar een afbeelding.
Nog even een andere tip: Gebruik altijd een HEX, RGB(a) of HSL(a) kleur in je CSS en geen keyword, deze kunnen namelijk nog wel eens veranderen in browsers.
<div id="tekst"></div>
<div id="cb"></div>
met dezelfde
#tekst {bottom:0;
width:100%;}
maken en daar je tekst in.
Gewoon omdat het kan , maar persoonlijk zou ik gaan voor 5px x 5px .png.
Gewijzigd op 12/11/2012 21:38:43 door max jantje