Transparant baggrund, non-transparant tekst
Hej Eksperter!Jeg har en side, som gerne skal have en div, der skal have halv-transparant baggrund, og teksten inden i skal bare være normal sort.
Er der nogen ved hvordan dette skal gøres...
Har følgende kode:
<style type="text/css">
body {
background-image: URL('bg.jpg');
background-size: 100% ;
background-repeat: repeat-y; }
#site {
background-image URL('trans.png');
background-repeat: repeat;
margin-left: 150px;
margin-right: 150px;
padding: 1 0 5 20;
color: #000;
background-color: #fff;
opacity:0.50;
filter:alpha(opacity=50); }
#site .fbg {
}
</style>
</head>
<body>
<div id="site">
Her skal teksten være sort, men det er den ikke... Why?
</div>
</body>
body {
background-image: URL('bg.jpg');
background-size: 100% ;
background-repeat: repeat-y; }
#site {
background-image URL('trans.png');
background-repeat: repeat;
margin-left: 150px;
margin-right: 150px;
padding: 1 0 5 20;
color: #000;
background-color: #fff;
opacity:0.50;
filter:alpha(opacity=50); }
#site .fbg {
}
</style>
</head>
<body>
<div id="site">
Her skal teksten være sort, men det er den ikke... Why?
</div>
</body>
Mvh
Christoffer
