css - IE中使用cursor设置鼠标指针样式问题
本文介绍了css - IE中使用cursor设置鼠标指针样式问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
我想修改鼠标的指针的样式,chrome中显示正常,但是在IE中却无法显示.
URL:http://www.nyxchaos.xyz/index...
代码:
<body style="padding: 0;margin: 0;">
<div style="position: absolute;top: 0px;left: 0px;width: 50%;height: 100%;z-index: 999;cursor: url(http://nyx.oss-cn-shanghai.aliyuncs.com/MyPicture/left.cur),hand;background:#000;opacity:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>
<div style="position: absolute;top: 0px;right: 0px;width: 50%;height: 100%;z-index: 999;cursor: url(http://nyx.oss-cn-shanghai.aliyuncs.com/MyPicture/right.png),auto;background:#000;opacity:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>
<img src="http://nyx.oss-cn-shanghai.aliyuncs.com/MyPicture/crescent.jpg">
</body>图片的尺寸和URL问题我都做过尝试,也加了背景,然而还是不起作用,希望有人能够解答.
补充:IE9
补充:IE11也不行.
解决方案
因为IE仅仅支持ani和cur格式的图片作为鼠标的样式，不支持png。
只是把图片的后缀名.png改为.cur欺骗浏览器是没用的。
这篇关于css - IE中使用cursor设置鼠标指针样式问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
