在錨標記使用不同的圖像（鏈接，訪問等）

我試圖讓不同的圖像，以示對一個錨標記的不同狀態，但我不能得到它的工作。關於我在這裏失蹤的任何想法？在錨標記使用不同的圖像（鏈接，訪問等）

這裏的圖像=>不會讓我張貼的圖像，但它是480x30像素

這裏的CSS;

a.image { 
background-repeat:no-repeat; 
color:white; 
display:inline-block; 
width:160px; 
height:30px; 
margin-left:-12px; 
margin-top:16px; 
padding-top:6px; 
text-align:center; 
font-size:14px; 
font-weight:bold; 
cursor:pointer; 
text-decoration:none; 
} 

a.image:link { 
background-image:url('images/buttons.png'); 
background-position:0px 320px; 
} 

a.image:visited { 
background-image:url('images/buttons.png'); 
background-position:0px 0px; 
} 

a.image:active { 
background-image:url('images/buttons.png'); 
background-position:0px 160px; 
}

這裏是HTML;

<a href='ifp.asp?width=1512&ProjectGroupID=&ProductID=536&model=Addison 536&plan=Lower Level Plan' class='image'>Lower Level Plan</a>

我目前只獲得白色文本中的「低層計劃」。謝謝！

來源

2012-08-15 user1601513

你所說的「低級別」是什麼意思？ – 2012-08-15 19:39:13

'background-position'屬性被定義爲'Xpos Ypos'。你確定你不應該扭轉你的價值觀的順序嗎？ – Quantastical 2012-08-15 19:40:49

您在y軸改變你的背景，職位時，你應該在X軸會改變他們，如果你的精靈是480×30 H.你也應該使用-X尺寸來表示精靈的需要在負方向偏移（向左），這樣你可以重寫這樣的：

a.image:link { 
background-position:-320px 0px; 
} 

a.image:visited { 
background-position:0px 0px; 
} 

a.image:active { 
background-position:-160px 0px; 
}

請注意，這裏我也去掉了背景圖片的聲明，你可以簡單地移動這件事到A.圖形樣式塊。

來源

2012-08-15 19:41:15

我改成了你的建議，我仍然不能得到它的工作。我添加了另一行內嵌樣式，此按鈕確實顯示，但沒有顯示其他按鈕。這是行的工作; Reset – user1601513 2012-08-15 20:47:58

哪裏像位於相對於在目錄結構中的CSS？它位於CSS所在目錄的images子目錄中嗎？如果在CSS文件中使用相對URL引用。該路徑相對於CSS文件的位置。 – 2012-08-15 20:50:54

CSS和圖像都是程序所在位置的子目錄。我把它改成了這個，background-image：url（'../ images/buttons.png'）;,但仍然沒有運氣。 – user1601513 2012-08-15 21:01:23

在錨標記使用不同的圖像（鏈接，訪問等）

回答

相關問題