"Beta"

[waplet]

  div#menu{
   float:left;
   width:470px;
   height:100px;
   z-index:3;
   position:relative;
 }
 div#beta{
   width:80px;
   height:80px;
   background: url(images/beta.png);
   position:absolute;
   top:-3px;/*some of #wraphead pixels*/
   left:-8px;/* - PADDING no #wrapcont + the shadow = 15 + 7*/
   z-index:1;
 }

 

Kāpēc beta pārsedz #menu?

        <div id="menu">
         <ul id="ulmenu">
           <li><a class="menulink selected" href="./">Home</a></li>
           <li><a class="menulink" href="./">About</a></li>
         </ul>
         <div id="beta">
       </div>

[yancho]

Varbūt vienkārši sādi?

  <div id="menu">
         <ul id="ulmenu">
           <li><a class="menulink selected" href="./">Home</a></li>
           <li><a class="menulink" href="./">About</a></li>
         </ul>
</div>
     <div id="beta"></div>

[waplet]

Uztaisīju tā , pielieku #menu vēl position:relative; un aizgāja.

Cik noprotu, tad elementiem, kas rīkoja ap z-index, tad vajadzēs pozicionēšanu?

Vai arī tas tāpēc, ka #beta piešķirts position:absolute;? vai arī tāpēc, ka $('div#menu').parent() position ir relative?

[briedis]

Pag, problēma ir tā, ka Elementam BĒRNS NEvar attēloties AIZ vecāka elementa, tas vienkārši nav iespējams, viņš vienmēr būs pa virsu vecāka elementam.

[waplet]

Pāldies :)