文本鏈接在懸停上顯示圖像

Question

我想要在鏈接左側顯示圖像時進行鏈接。我幾乎達到了我想要的減去我有一個HTML問題。

試圖讓我的redtext類顯示在具有翻轉效果的鏈接上的反斜槓上。

有沒有解決這個或更好的方法來實現這一目標？有問題的鏈接是亞亞攝影

的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; 

} 

這裏是我努力讓提前上班

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

感謝HTML！

Answer 1

您的問題是，span上的樣式也會影響class="redtext"範圍。

一個簡單的方法來解決這個問題：你可以擺脫span你img四周，然後改變你的CSS span引用來引用img代替。