用Opera自定义base64图像光标 - 可能吗？ [英] Custom base64 image cursor with Opera - possible?

问题描述

我有以下Javascript：

  document.getElementById（test）。style.cursor = 
 URL（'数据：图像/ PNG; BASE64， + 
 的iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8 / 9hAAAAdUlEQVR42qW + 
 的TSw7AIAhEZ8XCA3AFlt7 / dG3SxEatQ1FIjGDg8Yu4HAHwHNeHBfSB7X0FQ + + 
 / EMjM9BXjvuYWI3kOOAAPMGx7bzFQNtta22Bpohkgl2AmigBNICjDMLdP / b + 
的xCB1Fr5Z2qiqhRgZv8AEaGAUspg3wU3VkqQQyYrAAAAAElFTkSuQmCC'），默认为; 
  

它适用于 Google Chrome ，但不适用于 Opera 即可。任何已知的原因或解决方法可能吗？

在Opera中，背景图像的相同样式很好>>

<$ p $ document.body.style.backgroundImage =
url（'data：image / png; base64，+
iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8 / 9hAAAAdUlEQVR42qW+
TSw7AIAhEZ8XCA3AFlt7 / dG3SxEatQ1FIjGDg8Yu4HAHwHNeHBfSB7X0FQ + +
/ EMjM9BXjvuYWI3kOOAAPMGx7bzFQNtta22Bpohkgl2AmigBNICjDMLdP / b +
的xCB1Fr5Z2qiqhRgZv8AEaGAUspg3wU3VkqQQyYrAAAAAElFTkSuQmCC'）;


解决方案

Opera不支持 url s用于游标，请参阅 http://www.quirksmode.org/css /cursor.html 。

I have the following Javascript:

document.getElementById("test").style.cursor =  
  "url('data:image/png;base64," +
    "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdUlEQVR42qW" +
    "TSw7AIAhEZ8XCA3AFlt7/dG3SxEatQ1FIjGDg8Yu4HAHwHNeHBfSB7X0FQ+" +
    "/EMjM9BXjvuYWI3kOOAAPMGx7bzFQNtta22Bpohkgl2AmigBNICjDMLdP/B" +
    "xCB1Fr5Z2qiqhRgZv8AEaGAUspg3wU3VkqQQyYrAAAAAElFTkSuQmCC'), default";

And it works with Google Chrome, but not with Opera. Any known reason or workaround possible?

Same style for background image works in Opera just fine >>

document.body.style.backgroundImage = 
  "url('data:image/png;base64," +
    "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdUlEQVR42qW" +
    "TSw7AIAhEZ8XCA3AFlt7/dG3SxEatQ1FIjGDg8Yu4HAHwHNeHBfSB7X0FQ+" +
    "/EMjM9BXjvuYWI3kOOAAPMGx7bzFQNtta22Bpohkgl2AmigBNICjDMLdP/B" +
    "xCB1Fr5Z2qiqhRgZv8AEaGAUspg3wU3VkqQQyYrAAAAAElFTkSuQmCC')";

解决方案

Opera does not support urls for cursors, see http://www.quirksmode.org/css/cursor.html.

这篇关于用Opera自定义base64图像光标 - 可能吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！