圖像（圖像懸停）

HTML：圖像（圖像懸停）

<div class="image"><a href="$ENTRY_URL$" title="$TITLE$ online"> 
    <img class="avkas rad2" src="$IMG_URL1$" width="130px"> 
    <img src="/images/star.png" class="img"><div class="text2"> <b> $FILTER1_VALUE$</b> 
    </div><div class="text"> <b> $OTHER1$</b> 
    </div> 
    </a></div>

CSS

.image { 
position:relative; 
float:left; /* optional */ 

} 


.image .img { 
position:absolute; 
top:-13px; /* in conjunction with left property, decides the text position */ 
right:-12px; 
width:45px; /* optional, though better have one */} 
.image .text { 
position:absolute; 
top:0px; 
right:1px; 
color: #000; } 
.image .text2 { 
position:absolute; 
top:3px; 
left:3px; 
    color: white; 
    letter-spacing: -1px; 
    background: rgb(0, 0, 0); 
    background: rgba(0, 0, 0, 0.7);} 
.image a {text-decoration:none;} 
.image a:hover {color:#FF00FF;}

現在我想這個形象： http://new-hard.do.am/movie/images/lb-movie-short-poster-hover.png到apear像懸停時，用戶用鼠標在我的主圖像..我不想要..這個圖像取代我的主要圖像只是爲了出現在它上面這個圖像：

<img class="avkas rad2" src="$IMG_URL1$" width="130px">

來源

2013-02-14 VicToR Sava

我試圖.avkas：懸停{背景：網址（http://new-hard.do.am/movie/images/lb-movie-short-poster-hover.png）; }但沒有工作 – 2013-02-14 20:56:12

您需要製作另一幅圖像，然後將其懸停在此圖像上方。然後

.image:link 
{ 
background-image: "specify the path of the image"; 
} 

.image:hover 
{ 
background-image: "specify path of the image that you want to hover"; 
}

來源

2013-02-14 21:14:57

圖像（圖像懸停）

回答

相關問題