css - 即使没有悬停，Css Hover 也是一致的

Question

只是想问一下可能出了什么问题，几年前我正在使用wordpress并修改了主题css，多年来我没有检查过该网站，并且在查看圆圈的每个元素的悬停时，即使它也保持悬停效果没有悬停。在其正常视图中，深灰色的内圈与帖子标题一起在悬停之前不可见，请参见图像：

有什么想法吗？该网站是--

谢谢

Answer 1

a 标签中的 h3 具有颜色值

div.caption.boxcaption a.view h3 { color:Transparent; }

 div.caption.boxcaption a.view:hover h3 { color:White; }

您需要将背景阻挡图像放置在 a.view 上，而不是 div.boxcaption 将其位置更改为 a.view:hover 上的屏幕外

div.boxcaption {
   background: url("images/circle_caption.png") no-repeat scroll center top rgba(0, 0, 0, 0);
height: 112px;
left: 0;
margin-left: 21px;
padding: 65px 10px;
position: absolute;
text-align: center;
top: 21px;
width: 210px;
z-index: 1000;
}