CSS3 隐藏跨度转换

Question

当您将鼠标悬停在图像上时，我试图使隐藏的跨度淡入。我无法过渡。

.thumb {
margin-top: 10px;
margin-right: -3px;
}
.thumb span {
display: none;
}
.thumb:hover span {
display: block;
position: absolute;
padding: 55px 0 0 0;
text-decoration: none;
text-align: center;
background-color: #ff6600;
opacity: .8;
width: 300px;
height: 95px;
font-size: 17px;
font-family: Candara;
text-shadow: 2px 2px 2px #000;
transition-property: opacity, background-color;
transition-duration: 25s ease-in;
}

我的 css 有什么问题？

Answer 1

"

.thumb：hover span"它说，你的span标签必须是".thumb"类标签的子标签。但是您不能将"跨度放入图像标签"。相反，您可以使用jquery，或者将".thumb"类放在span的父级，以便父悬停将触发您想要的效果。还可以为映像和跨度使用公共父级。