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

时间:2014-02-04 00:38:04

标签: css wordpress hover mousehover onhover

我想问一下可能出现什么问题,我几年前使用wordpress并修改了主题css,我几年没检查过该网站,并且看着悬停的每个圆圈元素都停留在悬停效果即使它没有徘徊。在它的正常视图中,深灰色的内圈和帖子标题在徘徊之前不应该是可见的,请看图像:

enter image description here

有什么想法?该网站是 - -

由于

1 个答案:

答案 0 :(得分: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;
}