主页 / 问题 / 1024683
Accepted
Canavar
Asked:2020-09-15 22:20:04 +0000 UTC2020-09-15 22:20:04 +0000 UTC

css光标属性：url（）不起作用

  • 772

浏览器以样式显示的内容

我也尝试将光标格式设置为 svg，与它相同，使用 svg 格式，据我了解，您需要指定额外的长度和宽度。

.OurServices__link {
    text-decoration: none;
		font-family: 'OpenSansSemiBold', sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		color: #212121;
		border: 2px solid #212121;
		padding: 18px 13px;
		margin-top: 22px;
		cursor: url(../images/hand.png);
}
<a class="OurServices__link" href="#"> Read more </a>

css

2 个回答

  1. Best Answer

    尝试指定标准 - cursor: url(../images/hand.png), pointer; 看看 - 如果指针有效，则表示路径或格式不正确。

    *Internet Explorer 支持 CUR 和 ANI 作为光标文件格式。Firefox、Chrome、Safari 支持 CUR、PNG、GIF、JPG 格式。Opera 不适用于光标文件。

    • 1

  2. 我检查了代码中的此类问题并获得了：
    1）格式适合浏览器（png / cur / ...）（IE不支持cur，Opera不支持任何自定义光标格式（20分钟后结果该 url () 在歌剧中工作。.. ))
    2) png 的大小在其中一个维度中大于 32px
    3)"cursor: ..." 不是指所需的对象（但是，例如，到一个段落，而不是正文）
    4）在 url( ) 之后没有“回退”，用逗号分隔（即“cursor: url(), auto”）

    • 0

相关问题