我正在尝试为一个网络软件创建一组自定义鼠标光标。这是一种纯粹的审美追求。最初,我可以使用以下方法解决此问题:
.custom-cursor {
cursor: url(assets/images/cursor-invert.png) 4 4, auto;
}
这几乎适用于所有浏览器/操作系统组合,但用户报告了一个奇怪的问题。他们正在运行Linux / Chrome56(64位)并发送此屏幕截图:
鼠标应该如何显示:
光标是具有Alpha透明度的PNG24,看起来A通道正在变平。我尝试将所有PNG转换为.cur
格式(似乎更受支持)并且结果仍然相同。这仅仅是特定的浏览器/操作系统组合不支持鼠标光标中的Alpha透明度吗?
我可以通过使用没有alpha透明度的格式来解决这个问题,但它看起来不会太棒了。希望有办法使这项工作。