-1

有什么方法可以在鼠标悬停时使用链接效果制作img？

我的意思是链接效果（将光标更改为手指的效果）而不是真正的链接（到某个页面或其他任何内容）

提前致谢！

4

6 回答 6

2

CSS 在鼠标悬停时更改光标：

.class:hover{
cursor:pointer;
}
于 2013-07-05T19:58:31.753 回答
0

可能的解决方案：

#element_ID:hover { cursor: hand; cursor: pointer; }
于 2013-07-05T19:59:16.523 回答
0

将此添加到您的 CSS 中：

img:hover {
     cursor: hand;
     cursor: pointer;
}

这会将更改应用于所有图像标签，以使其更具选择性，只需将“img”替换为您选择的 CSS 类。

于 2013-07-05T20:00:04.813 回答
0

尝试这个：

.yourdiv:hover {
    cursor: pointer;
    }

并看这里：如何使用 jQuery 将光标从指针更改为手指？

于 2013-07-05T20:01:21.503 回答
0 
<html>
<head>
<style>
    .fake_link {
        cursor: pointer;
    }
</style>
<body>
<div class="fake_link">
    <span>This is my fake link text.</span>
</div>
</body>
</html>
于 2013-07-05T20:02:40.973 回答
0

如果您坚持应用内联样式（在 html 中而不是在 css 中），您可以这样做：

<a style="cursor:pointer;">link text</a>

或者

<img src="myPic.jpg" style="cursor:pointer;" />

默认情况下，当您将鼠标移到其上时，任何 href 链接都应显示手形光标。

于 2013-07-05T20:39:33.180 回答