相关疑难解决方法(0)

悬停图像 - 显示div

在悬停时,我想在图像的右上角有一个链接.就像你在Facebook上的个人资料图片上所说的"改变图片"一样.

我试图让它使用一些jquery,但没有运气,因为它没有图像的右侧.图像将是不同的大小,因为它们是个人资料图片.无论大小如何,它都需要保持在图像的右上角.

JQuery的:

$(".imgHover").hover(function() {
    $(this).children("img").fadeTo(200, 0.25)
           .end().children(".hover").show();
}, function() {
    $(this).children("img").fadeTo(200, 1)
           .end().children(".hover").hide();
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="imgHover">
    <div class="hover"><a href="htpp://google.com">Edit</a></div>
    <img src="http://img14.imageshack.us/img14/9698/29588166.jpg" alt="" />
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.imgHover .hover { 
    display: none;
    position:absolute;
    z-index: 2;

}
Run Code Online (Sandbox Code Playgroud)

谢谢!

css jquery facebook image hover

7
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

facebook ×1

hover ×1

image ×1

jquery ×1