#css #safari #cursor #imagemap
#css #safari #курсор #карта изображений
Вопрос:
У меня есть пользовательский курсор для карты изображений с большим количеством горячих точек. Мой курсор отлично работает в Firefox и Internet Explorer, но Safari возвращает курсор по умолчанию.
Я использовал код, найденный на других веб-сайтах. Моя структура каталогов:
index.php > css/main.css > css/images/pencil.cur
Вот моя реализация (пожалуйста, обратите внимание, что мне нужен один и тот же пользовательский курсор как для обычного, так и для состояний a, a: hover и a: visited:
#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:visited {
cursor: url("images/rcspencil.cur"),url("css/images/rcspencil.cur"),defau<
}
Есть идеи?
Ответ №1:
Вот наиболее совместимый с браузером синтаксис, который я могу придумать. Возможно, есть лучший способ взлома браузера, но я бы проигнорировал его.
cursor: url(cursor.cur),url(cursor/cursor.cur),defau<
Я бы не подумал, что цитаты помешают его работе, но попробуйте без них. Единственное, о чем я могу подумать, это то, что ваши селекторы неверны, например, перечисленные вами селекторы не включают то, над чем вы наводите курсор.
Комментарии:
1. Я изменил код на (чтобы убедиться, что я включаю каждый возможный селектор), но в Safari все та же проблема. В Chrome курсор работает, за исключением состояния наведения. Это расстраивает!!!! #Область игрового экрана, #GameScreen .wrapper, #GameScreen .wrapper a: наведите курсор, #изображение игрового экрана { курсор: url (cursor/cursor.cur), url (cursor.cur), по умолчанию; } #gameImg, #Область gameImg, #область gameImg a, #область gameImg a: наведите, #gameImg a, #gameImg a: наведите { курсор: url (cursor /cursor.cur), url (cursor.cur), по умолчанию; }
2. Я исправил это, просто изменив размер значка. Похоже, что браузеры webkit нуждаются в значках размером менее 50 x 50 пикселей, я изменил размер своих 68x68px на 40x40px, и это сработало, благодаря CSS, предоставленному Jackson Gariety
3. @MauritzSwanepoel Я обнаружил, что Safari (5.1.7 на Snow Leopard 10.6.8) может обрабатывать пользовательский URL-курсор размером 64×64 пикселей. Также (для меня) наличие кавычек ничего не нарушает, но в равной степени, как и для других изображений CSS, они вам на самом деле не нужны.