I’m following the standard of W3C here http://www.w3.org/TR/CSS2/ui.html and here http://www.quirksmode.org/css/cursor.html#note. However, the element isn’t displayed the hand when mouseover. Please help.
<a style="cursor:pointer;cursor:hand" onclick='javascript:window.open("http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php single_post_title(); ?>", "_blank", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=300,top=100,width=626,height=436")'>[image goes here]</a>
When viewing with IE9 and mouseover, it doesn’t change the cursor into the «hand», but it’s just the regular arrow instead. Please advise.
Thanks!
asked Dec 3, 2010 at 7:27
3
It should be cursor: pointer; alone because hand is a proprietary value only implemented by old versions of IE, and is thus an invalid value.
If you actually care about IE 5.x, though, you switch the two properties around, i.e. (cursor: hand; cursor: pointer, hand comes first). Your CSS will still invalidate though, so I’d rather you not bother.
answered Dec 3, 2010 at 7:31
BoltClockBoltClock
686k158 gold badges1372 silver badges1347 bronze badges
0
in your supplied link:
Value: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
hand is not valid css
in the other link hand is mentioned however it is only supported in ie, excluding ie9 beta, and in opera.
if you are looking for the hand with the pointing indexfinger you want pointer to be the last one mentioned in the css
answered Dec 3, 2010 at 7:30
red-Xred-X
5,0581 gold badge24 silver badges38 bronze badges
0
Try leaving out «cursor:hand;». According to the article you refer to, it is only needed for Internet Explorer 5. Unless you are developing a internal web app for a company who still work with that browser, I’d leave it out.
answered Dec 3, 2010 at 7:32
Kristof ClaesKristof Claes
10.7k3 gold badges30 silver badges42 bronze badges
0
Я следую стандарту W3C здесь http://www.w3.org/TR/CSS2/ui.html и здесь http://www.quirksmode.org/css/cursor.html#note. Однако элемент не отображает руку при наведении курсора мыши. Пожалуйста помоги.
<a style="cursor:pointer;cursor:hand" onclick='javascript:window.open("http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php single_post_title(); ?>", "_blank", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=300,top=100,width=626,height=436")'>[image goes here]</a>
При просмотре с помощью IE9 и при наведении указателя мыши он не меняет курсор на «руку», а вместо этого представляет собой обычную стрелку. Пожалуйста, порекомендуйте.
Благодаря!
4 ответы
Должен быть cursor: pointer; один, потому что hand является собственным значением, реализованным только в старых версиях IE, и поэтому является недопустимым значением.
Однако, если вы действительно заботитесь об IE 5.x, вы можете поменять местами два свойства, т.е. (cursor: hand; cursor: pointer, рука на первом месте). Однако ваш CSS все равно будет недействителен, поэтому я бы предпочел, чтобы вы не беспокоились.
ответ дан 03 дек ’10, 07:12
ответ дан 03 дек ’10, 07:12
в предоставленной вами ссылке:
Value: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
hand недействительный css
в другой ссылке упомянута рука, однако она поддерживается только в т.е., исключая бета-версию ie9, и в опере.
если вы ищете руку с нужным указательным пальцем pointer быть последним, упомянутым в css
ответ дан 03 дек ’10, 07:12
Попробуйте пропустить «cursor:hand;». Согласно статье, на которую вы ссылаетесь, она необходима только для Internet Explorer 5. Если только вы не разрабатываете внутреннее веб-приложение для компании, которая до сих пор работает с этим браузером, я бы ее не указывал.
ответ дан 03 дек ’10, 07:12
Не тот ответ, который вы ищете? Просмотрите другие вопросы с метками
javascript
html
css
cursor
or задайте свой вопрос.
|
sst421 26 / 3 / 0 Регистрация: 20.06.2012 Сообщений: 106 |
||||
|
1 |
||||
|
26.06.2013, 19:38. Показов 3455. Ответов 6 Метки нет (Все метки)
У меня осёл не понимает такой код:
как можно выйти из ситуации? все остальные браузеры нормально отображают, а осёл нет…
__________________
0 |
|
Programming Эксперт 94731 / 64177 / 26122 Регистрация: 12.04.2006 Сообщений: 116,782 |
26.06.2013, 19:38 |
|
Ответы с готовыми решениями: Cursor: pointer; Mouse.cursor = MouseCursor.HAND не пашет Вы… STYLE=»CURSOR:HAND» Cursor 6 |
|
KOPOJI Почетный модератор
16842 / 6720 / 880 Регистрация: 12.06.2012 Сообщений: 19,967 |
||||
|
26.06.2013, 20:24 |
2 |
|||
|
используйте js, как-то так
1 |
|
26 / 3 / 0 Регистрация: 20.06.2012 Сообщений: 106 |
|
|
26.06.2013, 20:44 [ТС] |
3 |
|
используйте js, как-то так спасибо) как раз у меня объект динамически создавался, обошёлся myObj.style.cursor=’pointer’;
0 |
|
13207 / 6595 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069 |
|
|
27.06.2013, 15:59 |
4 |
|
Какой смысл в :hover и onmouseover ? Без наведения и так не увидите курсор.
0 |
|
Valiant 39 / 39 / 1 Регистрация: 12.02.2013 Сообщений: 177 |
||||
|
27.06.2013, 17:26 |
5 |
|||
|
IE не знает что такое pointer, но знает что такое hand
0 |
|
sst421 26 / 3 / 0 Регистрация: 20.06.2012 Сообщений: 106 |
||||
|
28.06.2013, 11:14 [ТС] |
6 |
|||
|
Какой смысл в :hover и onmouseover ? Без наведения и так не увидите курсор. извините, что то я не понял самого вопроса? ну я это делал с таким смыслом: у меня JS создаёт объект «картинку» и при клике на этот объект .onclick открывается модальное окно. вот поэтому мне нужно что бы курсор меняться при наведении на неё как на ссылку.. Добавлено через 58 секунд
IE не знает что такое pointer, но знает что такое hand
у меня IE 10 не понял такого когда)
0 |
|
39 / 39 / 1 Регистрация: 12.02.2013 Сообщений: 177 |
|
|
28.06.2013, 12:03 |
7 |
|
Если у тебя ie10 не понял этого кода, то скоре всего у тебя не ie10 а какой-то неизвестный человечеству ie.
0 |
|
IT_Exp Эксперт 87844 / 49110 / 22898 Регистрация: 17.06.2006 Сообщений: 92,604 |
28.06.2013, 12:03 |
|
Помогаю со студенческими работами здесь cursor Cursor Cursor Cursor @Override Искать еще темы с ответами Или воспользуйтесь поиском по форуму: 7 |
Я следую стандарту W3C здесь http://www.w3.org/TR/ CSS2 / ui.html и здесь http://www.quirksmode.org/ CSS / cursor.html # примечание. Тем не менее, элемент не отображается рука при наведении курсора. Пожалуйста помоги.
<a style="cursor:pointer;cursor:hand" onclick='javascript:window.open("http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php single_post_title(); ?>", "_blank", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=300,top=100,width=626,height=436")'>[image goes here]</a>
При просмотре с IE9 и наведением мыши курсор не превращается в «руку», а вместо этого просто обычная стрелка. Пожалуйста, порекомендуйте.
Благодарность!
4 ответа
Лучший ответ
Это должен быть cursor: pointer; в одиночку, потому что hand является частным значением, реализованным только в старых версиях IE, и, следовательно, является недопустимым значением.
Если вы на самом деле заботитесь о IE 5.x, вы переключаете два свойства, то есть (cursor: hand; cursor: pointer, рука на первом месте). Ваш CSS все равно останется недействительным, поэтому я бы предпочел, чтобы вы не беспокоились.
29
BoltClock
3 Дек 2010 в 07:31
В предоставленной ссылке:
Value: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
hand не является допустимым CSS
В другой ссылке упоминается, однако, она поддерживается только в ie, исключая ie9 beta, и в опере.
Если вы ищете руку с указательным указательным пальцем, вы хотите, чтобы pointer был последним из упомянутых в css
3
red-X
3 Дек 2010 в 07:36
Попробуйте опустить «курсор: рука;» Согласно статье, на которую вы ссылаетесь, она нужна только для Internet Explorer 5. Если вы не разрабатываете внутреннее веб-приложение для компании, которая все еще работает с этим браузером, я бы оставил это без внимания.
2
Kristof Claes
3 Дек 2010 в 07:32
Я знаю, как реализовать это в css, я пытался выкопать, если есть возможность реализовать это в javascript.
Ну, это была важная информация для включения в вопрос.
Две вещи:
Вы должны использовать правильные CSS cursor значения свойств, hand не является допустимым значением.
Вы должны убедиться, что ваш код работает после того, как изображение существует. Самый простой способ сделать это — поместить свой тег script в конец вашего HTML-кода непосредственно перед закрывающим </body>.
Если вы делаете это, это работает. Конечно, изображение перемещается, потому что изначально не имеет границы:
img.onmouseover = function() {
this.style.cursor = 'pointer';
this.style.border = "2px solid black";
}
img.onmouseout = function() {
this.style.cursor = 'default';
this.style.border = "2px solid white";
}<img alt="Sedan" width="300px" height="200px" id="img" src="Images/WelcomePage/Compact/abc.jpg" /> Я не рекомендую полагаться на автоматический глобальный (тот, который создан, потому что у вас есть id="img"), но он работает.
Как указывает Кайдо, мы могли бы просто установить свойство cursor один раз, а не в обработчики событий, поскольку это применимо только тогда, когда курсор все время витает в элементе:
img.style.cursor = 'pointer';
img.onmouseover = function() {
this.style.border = "2px solid black";
}
img.onmouseout = function() {
this.style.border = "2px solid white";
}<img alt="Sedan" width="300px" height="200px" id="img" src="Images/WelcomePage/Compact/abc.jpg" />