2012-04-06 76 views
0

enter image description hereGIF動畫懸停打開了格框的背景

圖片上我想要的左邊,我不斷收到正確的。這是我的代碼;

goo.gl/rnhJ7

<div id="butterbox"> 
    <div id="btrlwh"> 
     <div id="btrlan"> 
      <div id="btrlbx"> 
      </div> 
     </div> 
    </div> 
</div> 

div#butterbox {position:absolute;} 
#btrlwh {background:url(/wp-content/themes/bliss/images/butterfly/leftwhite.gif) no-repeat;width:52px;height:50px;position:relative;right:75px;top:64px;padding:14px 0 0 2px;} 
#btrlan {background:url(/wp-content/themes/bliss/images/butterfly/leftd.gif) no-repeat;width:52px;height:50px;z-index:999;} 
#btrlan:hover {background:url(/wp-content/themes/bliss/images/butterfly/left.gif) no-repeat; } 
#btrlbx {width:81px;height:58px;position:relative;top:15px;left:25px;border:1px solid #FFF;background-color:#8ad1e3;z-index:9;} 
+0

? – hofnarwillie 2012-04-06 21:37:54

+0

#btrlbx需要打開。我其實也想在其上放置不透明度和寬度/高度轉換。 #btrlbx需要打開蝴蝶後面的蝴蝶 – Reis 2012-04-06 21:57:31

回答

1

嘗試

#btrlbx {visibility:hidden} 
#btrlan:hover #btrlbx {visibility:visible} 
你想開哪種格徘徊在btrlan時,又會有怎樣的大小尺寸是開箱的
+0

。它仍然不落後。 – Reis 2012-04-06 22:27:42