Base64 кодированного изображения в CSS для курсора не работает в IE8, IE9

Question

я кодировал «открытую руку» указатель с Base64 и заливал в определении класса в моем CSS

.cursor-hand 
{ 
cursor:url(data:image/bmp;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=), default; 
} 

К сожалению, это не работает в IE8, IE9

Пробовал в последних Safari, Firefox (Win/Mac), Chrome (Win/Mac) и отлично работает.

Чтобы исправить это, я попытался изменить тип данных (/ х-значок изображения, изображение-изображение/vnd.microsoft.icon, ...)

Я пытался в URL закодировать с% строки в побег ордера/+ = но ничего не изменилось.

Однако, как то, что я здесь, он должен работать

http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx

Единственный способ, которым я могу получить открытой рукой курсор, хранящий его в файл ...

.cursor-hand 
{ 
    cursor:url(pathto/hand.cur), default; 
} 

... но я хочу избежать этого, потому что это очень маленький файл, и я работаю над тем, чтобы сделать запросы минимальными.

Answer 1

Похоже на ограничение IE.

следующие переговоры о данных: URI и IE http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx

(та же ссылка вы смотрели на)

Часть интереса:

URIs данных поддерживаются только для следующие элементы и/или атрибуты. объект (только изображения) IMG тип ввода = изображение ссылка CSS декларации, которые принимают URL, такие как фон, BackgroundImage, и так далее

Просто продемонстрировать далее - Codepen http://codepen.io/anon/pen/thndu

Если вы посмотрите на то, что с Chrome работает, с IE ... не так много. Интересно, что <img> тоже не нравится bmp в IE, но Chrome в порядке!