Gif动画在悬停时打开div框背景

Question

左边的图像我想要什么，右边是我一直得到的。这是我的代码;

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

Answer 1

尝试

#btrlbx {visibility:hidden}
#btrlan:hover #btrlbx {visibility:visible}