我有一个CSS:悬停伪类,没有产生任何结果.
我正在搞乱一些图片库代码,我设法得到这个不起作用的代码片段.我无法弄清楚为什么.关于大小的一些奇怪的CSS规则是因为这些div通常包含图像.为简单起见,我删除了图像,但是将规则留在了.
其他:同一页面上的悬停元素正在运行.
我不确定该怎么说这个问题,因为这是如此基本.我可能错过了一些非常明显的东西.
JSFiddle在这里 –
http://jsfiddle.net/GbxCM/
解决方法
在某些情况下(主要是使用绝对定位),您不能将:hover伪类应用于具有display:inline-block;的内容. (如果你有Chrome,请使用inspect元素并自己添加:hover trait – 注意,它会完美运行!浏览器只是不注册:hover本身.)
所以,我继续用float:left;替换它,添加了一个边距(模拟内联块外观),并将br更改为clear.结果是在this jsFiddle.