waplet Posted March 31, 2011 Report Share Posted March 31, 2011 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> Quote Link to comment Share on other sites More sharing options...
yancho Posted March 31, 2011 Report Share Posted March 31, 2011 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> Quote Link to comment Share on other sites More sharing options...
waplet Posted April 1, 2011 Author Report Share Posted April 1, 2011 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? Quote Link to comment Share on other sites More sharing options...
briedis Posted April 1, 2011 Report Share Posted April 1, 2011 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. Quote Link to comment Share on other sites More sharing options...
waplet Posted April 1, 2011 Author Report Share Posted April 1, 2011 Pāldies :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.