2013-03-22 13 views
9

Nie mogę znaleźć żadnych informacji na ten temat. Chcę prosty niestandardowy kursor z CSS. Mam teraz ten kod:Kursor niestandardowy CSS z obsługą siatkówki

cursor: url('img/cursor_left.png'), auto; 

Pokazuje kursor, nic złego. Ale jest rozmazany, ponieważ nie jest kompatybilny z wyświetlaczem Retina. Ktoś wie, jak to naprawić?

Dzięki, Angelo.

Odpowiedz

19

nie testowałem, ale powinno być możliwe do wykorzystania image-set:

cursor: url('img/cursor_left.png'), auto; 
cursor: -webkit-image-set(
    url('img/cursor_left.png') 1x, 
    url('img/cursor_left_hi.png') 2x 
), auto; 
+0

Dzięki, to działa. Ale czy działa to w innych przeglądarkach? –

+2

Powodem powielenia wierszy jest podanie uzasadnionego zastrzeżenia w IE. W przeglądarkach Firefox, Chrome i Safari druga definicja 'cursor:' jest poprawna i nadpisuje zwykły adres URL. –

+0

Próbowałem go w Firefoksie i niestety to nie działa. (Myślę, że nie odczytuje definicji -ebkit-image-set, ponieważ nie jest przeglądarką Webkit). –