2014-01-17 14 views
1

나는 불행하게도 그것이 작동하지 않는 Base64로와 "손바닥"포인터를 인코딩 및 내 CSS를Base64로 인코딩 된 이미지, IE9

.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)에서 최신 버전으로 사용되었으며 완벽하게 작동합니다.

내가 % 문자열로를 URL 인코딩을 시도

(... 이미지/X-아이콘, 이미지 이미지/vnd.microsoft.icon) 나 데이터 형식을 변경하는 시도를 해결하려면 주문 탈출/+ =하지만 아무것도 바뀌지 않았습니다.

그러나, 나는 여기 무엇으로 내가 커서가 파일로 저장하는 오픈 손을 얻을 수

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

유일한 방법 ... 작동합니다

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

...하지만 아주 작은 파일이기 때문에 피하고 싶습니다. 그리고 가능한 한 최소한의 요청 만하기 위해 노력하고 있습니다.

답변

3

IE의 제한 사항처럼 보입니다.

데이터에 대한 다음 회담 :

데이터의 URI가에 대해서만 지원됩니다 URI와 IE가 http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx

(당신이 바라 보았다 같은 링크)

관심의 일부입니다 다음 요소 및/또는 속성. 객체 (이미지 만) IMG 입력 유형 = 이미지 등의 배경, 또는 backgroundImage로 URL을 받아 링크 CSS 선언 등

그냥 더 설명하기 위해 사용 - Codepen http://codepen.io/anon/pen/thndu

크롬으로 그걸 보면 - IE와 함께 ... 작동하지 않습니다. 흥미롭게도 <img>은 IE의 bmp가 마음에 들지 않지만 Chrome은 좋습니다!