CSS LI hover - 浏览器兼容？

Posted 2023-03-06

【中文标题】CSS LI hover - 浏览器兼容？

【英文标题】：CSS LI hover - browser compatible?

【发布时间】：2011-03-27 12:46:26

【问题描述】：

NOOB 问题...

LI:HOVERbackground:url(image.jpg) 0 0 no-repeat; 是否适用于所有浏览器？

【问题讨论】：

:hover 伪选择器在 IE6 中不起作用，仅适用于链接。

IE6 Hover Issue 的可能重复项

【参考方案1】：

IE versions older than 7 won't support it.

我推荐IETester。

另外，background-repeat is supposed to be defined before background-position，尽管大多数浏览器会理解它们给出的任何顺序的值。

【讨论】：

只是在答案中添加注释：:hover 有触摸屏问题，因此对于那些浏览器，OP 问题的答案将是“否”，除非我们采取一些技巧和解决方法.但我确信在这些情况下最好有不同的行为，而不是 :hover 伪类。

【参考方案2】：

http://www.quirksmode.org/css/contents.html ，是的，但是

【讨论】：

如果“一些问题”是指它根本不起作用，我同意。 :hover 仅适用于 IE6 中的链接，OP 的问题是关于 LI。

+ 一个 ;) 但是，谁在乎

有没有办法对抗加载图像之间的“闪烁”？当我关闭鼠标时，我得到白色闪烁......