Problem dziedziczenia krycia CSS [duplikat]

Question

Apr 09, 2012, 10:11 AM

Problem dziedziczenia krycia CSS [duplikat]

Możliwy duplikat:
CSS Opacity Property

Tworzę warstwę na obrazie, który ma przezroczystość i mam tam problem.

Kiedy zapisywałem teksty na warstwie, uzyskują tę samą przezroczystość.

Pomyślałem, że to z powodu problemu z dziedziczeniem i dodałem „position: relative”, aby zresetować moje dziecko div, ale w ogóle nie działało.

Chcę tylko zresetować krycie podrzędnego diva (#TXT poniżej).

Oto mój kod.

<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>

rozmiar obrazu brand-new-car.jpg to 1024x768.

I chcę wiedzieć, jak zresetować krycie #TXT.

proszę pomóż.

Z góry dziękuję.