[CSS] ważność warstwy Opcje

[Sebastian003]

Witam, mam takowy problem, chodzi o warstwy chciałbym aby tekst czyli "nazwa h2" była nad tym tłem w png. tz. zeby tło nie zasłaniało tekstu.
Wiem, że coś takiego mozna wykonać za pomocą index-z ale mi jakoś nie wychodzi ?

http://jsfiddle.net/Jf2jm/9/

[krzysiekk]

[HTML] pobierz, plaintext 
<div id="bloki">
    <div id="ga">
    <div id="blokc"><h2>Nazwa h2</h2></div>
    <div id="bloka"><h2>Nazwa h2</h2></div>
    <div id="blokb"><h2>Nazwa h2</h2></div>
    </div>  
</div>
body {background-color:#ccc;}
#bloki{  margin: 0 auto;
    overflow:hidden;}
#blokc{   float: left;
 
    width: 100px;}
#bloka{   float: left;
 
    width: 100px;}
#blokb{   float: left;
 
    width: 100px;}
 
 
#ga {
    background:#f00 url("http://kameleon.web-pc.pl/zdjecia/1950049-ga.png");
    height: 65px;
    width: 950px;
 
}
[HTML] pobierz, plaintext 

O to ci chodzi (IMG:style_emoticons/default/questionmark.gif)

[Sebastian003]

Tak dzięki o to własnie chodziło.

[delfin2525]

dla potomnych co zmieniliscie ?

[krzysiekk]

było tak

[HTML] pobierz, plaintext 
 <div id="ga"></div>  
    <div id="blokc"><h2>Nazwa h2</h2></div>
    <div id="bloka"><h2>Nazwa h2</h2></div>
    <div id="blokb"><h2>Nazwa h2</h2></div>
 
[HTML] pobierz, plaintext 

jest tak

[HTML] pobierz, plaintext 
 <div id="ga">
         <div id="blokc"><h2>Nazwa h2</h2></div>
         <div id="bloka"><h2>Nazwa h2</h2></div>
         <div id="blokb"><h2>Nazwa h2</h2></div>
 </div>  
[HTML] pobierz, plaintext 

oczywiście bloki powinny tak rozpychać by było widać to tło . tu jest na sztywno wysokosc i szerokasc dla obrazka ,

jeszcze jedna zmiana w css dla bloku zawierajacego divy z float dajemy overflow:hidden;

Ten post edytował krzysiekk 16.03.2013, 00:18:14