Vererbungsproblem bei CSS-Deckkraft [Duplikat]
Mögliche Duplikate:
CSS-Deckkraft-Eigenschaft
Ich erstelle eine Ebene auf einem Bild, das eine Transparenz aufweist, und dort ist ein Problem aufgetreten.
Wenn ich Texte auf die Ebene aufschreibe, erhalten sie auch die gleiche Transparenz.
Ich dachte, es liegt am Vererbungsproblem und fügte 'position: relative' hinzu, um mein untergeordnetes div zurückzusetzen, aber es hat überhaupt nicht funktioniert.
Ich möchte nur die Deckkraft des untergeordneten Div (#TXT unten) zurücksetzen.
Hier ist mein Code.
<code><!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<style type="text/css">
*{margin: 0; padding:0; background-color: #555;}
#wrapper {
margin:0 auto;
background-color: white;
width: 922px;
height:349px;
margin-top: 150px;
-webkit-box-shadow: 0px 0px 7px 7px #333;
-moz-box-shadow: 0px 0px 7px 7px #333;
}
#ImgSection {
width: 922px;
height: 349px;
background-color: white;
position: absolute;
background: url("brand-new-car.jpg") -50px -200px no-repeat;
}
#TxtSection {
width: 322px;
height: 349px;
background-color: #222;
opacity: .5;
float: right;
-webkit-box-shadow: inset 3px 0px 3px 0px black;
-moz-box-shadow: inset 3px 0px 3px 0px black;
}
#TXT{
position: relative;
font-size: 50px;
opacity: 1;
}
</style>
<script type="text/javascript">
</script>
</header>
<body>
<div id="wrapper">
<div id="ImgSection"></div>
<div id="TxtSection">
<div id="TXT">dsdsad</div>
</div>
</div>
</body>
</html>
</code>Die Größe des Bildes brand-new-car.jpg ist 1024x768.
Und ich möchte wissen, wie man die Deckkraft von #TXT zurücksetzt.
Bitte helfen Sie.
Danke im Voraus.