css:hover伪类无法正常工作

前端之家收集整理的这篇文章主要介绍了css:hover伪类无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个CSS:悬停伪类,没有产生任何结果.

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

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

我不确定该怎么说这个问题,因为这是如此基本.我可能错过了一些非常明显的东西.

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

解决方法

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

所以,我继续用float:left;替换它,添加了一个边距(模拟内联块外观),并将br更改为clear.结果是在this jsFiddle.

原文链接:https://www.f2er.com/css/216019.html

猜你在找的CSS相关文章