小编par*_*sis的帖子

CSS:在背景图像上更改光标

我有一个背景图像作为CSS中的body类的一部分:

body.soon1 {
    background-color: white;
    background-image: url(soon1a.png);
    background-position: center;
    background-repeat: no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

然后我有一个javascript函数,将改变体类.

我在后台运行图像的原因是,当脚本激活时,背景颜色和背景图像将在完全相同的时间发生变化,您无法选择图像.

是否有可能只在将鼠标悬停在背景图像上时更改光标类型?我明白我可以

cursor: pointer;
Run Code Online (Sandbox Code Playgroud)

在体型中,但这使光标出现在整个页面上.

您可以查看当前实时页面,当您单击页面上的任何位置时背景发生变化.

编辑:我现在有一些对我有用的东西.我添加了一个没有任何内容的居中div:

div.clickme {
width:300px;
height:400px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -200px;
cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)

这对我有用,因为我可以设置我自己的任意区域,但如果有人有更好的解决方案,请告诉我.

css cursor background-image

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

标签 统计

background-image ×1

css ×1

cursor ×1