大佬教程收集整理的这篇文章主要介绍了为什么我的光标不会变成自定义图像?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当您将鼠标悬停在 div #gamespace 上时,我希望光标变为图像。我还尝试添加具有相同光标属性的单独 div#gamespace:hover 选择器,但这也不起作用。
这是我的代码:
div#gamespace {
margin: 20px;
padding: 10px;
height: 350px;
BACkground-color: transparent;
border: 2px solID #CCc;
cursor: url(../img/baseballBat.png),auto;
}
<div ID="content">
<div ID="contenta">
<h1><span>Home Run Derby</span></h1>
<p></p>
<div ID="controls">
<span ID="score">0 pts</span>
<button type="button" ID="starT_Button">Start!</button>
</div>
<div class="timer">
30 Seconds left
</div>
</div>
<div ID="gamespace"></div>
</div>
如果我更改光标图像的 URL,您的代码将起作用。您的图像路径可能不正确或无法访问。检查您的图片是否位于 HTML 文件上方的文件夹中,如果您使用的是网络服务器,请确保它位于您的网络根目录中并且可以公开访问。
如果您的图片不在 HTML 文件上方的文件夹中,您需要移动它或更正 CSS 中的路径。
div#gamespace {
margin: 20px;
padding: 10px;
height: 350px;
BACkground-color: transparent;
border: 2px solid #CCc;
cursor: url(https://placekitten.com/g/40/40),auto;
}
<div id="content">
<div id="contenta">
<h1><span>Home Run Derby</span></h1>
<p></p>
<div id="controls">
<span id="score">0 pts</span>
<button type="button" id="starT_Button">Start!</button>
</div>
<div class="timer">
30 Seconds Left
</div>
</div>
<div id="gamespace"></div>
</div>
以上是大佬教程为你收集整理的为什么我的光标不会变成自定义图像?全部内容,希望文章能够帮你解决为什么我的光标不会变成自定义图像?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。