1

リンクのすぐ左に画像を表示するためにホバーしたときにリンクを取得しようとしています。私はHTMLの問題を抱えていることを除いて、ほぼ私が望むことを達成しました。

ロールオーバー効果のあるリンクのバックスラッシュにレッドテキストクラスを表示させようとしています。

これを回避する方法、またはこれを達成するためのより良い方法はありますか？問題のリンクはyaya写真です

CSS

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;

left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 0px;
}

.thumbnail:hover span
visibility: visible;
top: -25px;
left: -125px; 

}

そして、これが私が仕事に取り掛かるのに苦労しているhtmlです

<a class="thumbnail" href="#accordion"><h3><span class="redtext">/</span> yaya Photography</h3><span><img src="images/yaya/yayathumb.png" /></span></a>

前もって感謝します！

4

1 に答える 1

1

あなたの問題は、あなたのスタイルがスパンにもspan影響を与えているということです。class="redtext"

spanこれを修正する簡単な方法：あなたはあなたの周りの周りを取り除き、そしてあなたのCSSの参照を代わりに参照imgするように変更することができます。spanimg

于 2011-05-08T07:31:19.763 に答える