css - 数据 URI 不适用于 IE10-6ren

css - 数据 URI 不适用于 IE10

转载作者：太空宇宙更新时间：2023-11-04 13:07:08

<body class="cursor-success" >
    <div>
         <a><img src="/myImage.jpeg"></a>
    </div>
</body>

.cursor-success {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNrUlLESwiAMhgPmrmM7+JI6dHfxMexLdrCbQ0/8wXq2HBwJ6uDP5SjQfoQmxDrnKDbIpealZikjY4yjSmWhdKgHc3bl8vYYMt+BfgDm4hsVYBZtrQSz+EcpwKwKqxDM6nwRgLkquwtgqwYePQ025G9e2dN7tPUQCoOpu6ZePWwHbK+8vrkqhY9d6P1pGP26NWG+UVep1zFhM82AnLfeQje1p9F4j7b1djmJ2NM4EBiPNOLhtMqAZ/S7ZC1ePCkKwWmppStN6Y2rkh+QCWCSFBRV8ktLn6Uf6H+gDwEGAIkg8mOa3vMCAAAAAElFTkSuQmCC') /*/Content/images/cursor-success.png*/, auto !important;
}

Internet Explorer 10 不使用光标。

最佳答案

~~Internet Explorer 不支持 url() 值的定位语法:~~

~~https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Browser_compatibility~~

对于 Internet Explorer，GIF(或其他图像类型)不起作用。需要 Microsoft Windows 光标 (.cur) 或 Microsoft Windows 动画光标 (.ani) 文件。

引用:http://www.iandevlin.com/blog/2010/03/webdev/getting-a-customised-css-cursor-to-work-in-firefox-and-internet-explorer

关于css - 数据 URI 不适用于 IE10，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25035074/