2009-09-06 1 views
3

Мне нужна картинка для изменения при зависании над ней. Я получил эту работу в CSS, изменив z-index при зависании над ним. Однако я не хочу, чтобы кто-то нажимал на него. Таким образом, я удалил href из тега. Я слышал, что это проблема для IE6, однако я прочитал, что это соответствует спецификациям даже XHTML, что и подтверждает мой код. Итак, есть ли работа для IE6 из-за отсутствия href? Кто-нибудь здесь имеет IE6, который может проверить это и посмотреть, действительно ли это проблема?Наведение на месте <a> в CSS без href

ответ

6

Может быть и должен

href="#" 

и изменить курсор от «рук» для нормального «указателя»;)

+4

вам нужно onclick = "return false;" там тоже для удобства использования –

0

Она работает на IE 6, хотя, если вы не имеете сценария PNG исправить, его все равно будет работать, но фон вашего изображения будет оттенком синего. Просто убедитесь, что вы изменили курсор на «по умолчанию», вместо ручного курсора. Это было проблемой на некоторых веб-сайтах и ​​в браузерах с изменением курсора.

0

Другая вещь, которую вы могли бы сделать, это использовать фон в CSS + якорный тег, чтобы отобразить этот эффект при наведении:

<style> 
    a#test{ 
     background:#ff0000; 
    } 
    a#test:hover{ 
     background:#0000ff; 
    } 
</style> 
<a id="test" href="#" style="width:100px;height:100px;display:block;" >test</a> 

Это будет сделать один квадрат с красным фоном и при наведении на него фон будет синим. Ofc вы можете поместить фоновое изображение там и изображения изменятся ... :)

+0

Удалите встроенную строку и поместите ее вместе с остальной частью объявления CSS. – random

1

попытаться дать ему имя атрибут

<a name="changingimage">...</a> 
1

IE6 поддерживает :hover только по ссылкам (см :link pseudo-class) и, следовательно, требует атрибута href , В противном случае, если отсутствует атрибут href, это не ссылка в соответствии с :link.

Таким образом, вы либо указываете href, чтобы создать ссылку, либо использовать JavaScript для имитации этого поведения.

+0

Вы даже можете поместить javascript в условные комментарии, чтобы он только читал IE6 – jeroen

+0

Кстати, я бы пошел на javascript, если вы просто пытаетесь решить проблему IE6, не нужно менять страницу для всех браузеров когда он уже работает ... – jeroen

-1

Использование Javascript аннулируются функции

текст

будет делать то и хотят.

Смежные вопросы