1

画像にカーソルを合わせると、非表示のスパンがフェードインするようにしています。移行できません。

.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の何が問題になっていますか？

4

1 に答える 1

0

「.thumb：hoverspan」とは、spanタグが「.thumb」クラスタグの子である必要があることを示しています。ただし、「span into image tag」を配置することはできません。代わりに、jqueryを使用するか、「。thumb」クラスをspanの親に配置して、親のホバーが目的の効果をトリガーするようにすることができます。イメージとスパンの両方に共通の親を持つこともできます。

于 2012-11-27T03:58:55.003 に答える