html - 光标仅更改为图像部分的指针

标签 html css

我试图在将鼠标悬停在图像上时设置 cursor: pointer。我当前的代码似乎只适用于图像的顶部,而不适用于整个图像。

我已经用这个 jsfiddle 重现了这个问题

我的 CSS 类如下所示:

.profile-avatar-img {
  cursor:pointer;
}

知道为什么光标只对图像顶部的几个像素有效吗?

最佳答案

margin-top 似乎是导致问题的原因

改变

.profile-buttons {
margin-right: 15px;
margin-top: 110px;
}

.profile-buttons {
 margin-right: 15px;
 margin-top: 0px;
 }

http://jsfiddle.net/53rqnyx6/2/

关于html - 光标仅更改为图像部分的指针,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27317112/

相关文章:

html - 我应该向 CSS 添加什么属性以使其从页面上的特定位置开始?

html - 响应时间轴向右移动点

css - 我的 CSS 有问题吗?

Jquery Css SlideToggle

html - Bootstrap 固定导航栏 - 自定义 css

javascript - Safari/iOS 中 'download' 属性的替代方法

javascript - 滚动 : change opacity (from 0 to 1 and vv) of div when at a specific position on page

php - 加载图像花费太多时间

css - 背景图像不会在网站上显示,但会在 Dreamweaver 中显示

javascript - 下拉菜单作为一个 block