css:hover伪类无法正常工作

iab*_*abw 10 css pseudo-element

我有一个CSS :hover伪类,没有产生任何结果.

我正在搞乱一些图片库代码,我设法让这个代码片段不起作用.我无法弄清楚为什么.关于大小的一些奇怪的CSS规则是因为这些div通常包含图像.为简单起见,我删除了图像,但是将规则留在了.

:hover同一页面上的其他元素正在运行.

我不知道还有什么可以说的问题,因为这是如此基本.我可能错过了一些非常明显的东西.

JSFiddle在这里 - http://jsfiddle.net/GbxCM/

Eri*_*ric 13

在某些情况下(主要是absolute定位),你不能将:hover伪类应用于某些东西display: inline-block;.(如果您有Chrome,请使用inspect元素并自行添加:hover特征 - 请注意,它会完美运行!浏览器只是不注册:hover自己.)

所以,我继续用它替换了float: left;,添加了一个边距(模拟inline-block外观),并将其更改br为a clear.结果就在这个jsFiddle中.

  • `:hover`应该可以处理任何可见的并且具有某种宽度和高度的东西,并且没有任何阻碍它的东西.这包括内联块.这里的行为是一个错误. (6认同)
  • BoltClock,你用一条线节省了我的时间`:悬停应该适用于任何可见的,有某种宽度和高度的东西`谢谢!!!! (4认同)