Question

鼠标移上去出现显示层，并且出现在同一个div中

效果是要如图片中的一样
为显示时
鼠标移上去之后

鼠标放开之后

浮动层是向上显示的。
最好能给我完整的代码





Answer 1

<div class="a">
    <img src="a.jpg" />
    <div class="b" >
        这里是图片的名字
    </div>
</div>
<style>
.a{width:100px; height:100px; position:relative;}
.b{width:100px; height:20px; background:url(/bg.png); position:absolute;left:0px; bottom:0px;display:none}

</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
    $(".a").hover(function(){
    $(this).find(".b").slideDown();
    },function(){
    $(this).find(".b").slideUp();
    });
});
</script>

追问

浮动层还是向下显示啊，并没有向上显示，盖住图片

追答

你说的是什么向下显示？

.b{.b{width:100px; height:20px; background:url(/bg.png); position:absolute;left:0px; bottom:20px;display:none}}