То, что я пишу ниже, может показаться очень простым для большинства пользователей сети, но я сам этого не знаю.
Есть такой кусок html:
<div>
<a href="#">
<img alt="я img" src="img.jpg"/>
</а>
</div>
Как правило, псевдокласс CSS hover не работает для тегов, отличных от тега a (он работает в браузере FF, но не в IE6): следующим образом
: img:hover{
border:1px Solid #000;/*Работает в FF, но не в IE6*/
}
Какая трата такого хорошего псевдокласса! ! Однако на самом деле существует способ реализовать функцию наведения для тегов, отличных от a, следующим образом:
a:hover img{
border:1px Solid #000;/*можно понимать как тег img внутри объекта, на котором находится мышь*/
}
^0^ Его очень просто реализовать, не нужно редактировать сложные операторы JS!
Вышеупомянутое содержание посвящается друзьям, которые любят CSS. Это скромное мнение автора Сяо ДЖО. Пожалуйста, перепечатайте его известному автору: Сяо ДЖО. Адрес: http://xiebiji.com/ 2008/10/hover