HTML/CSS按鈕

Question

.classname { 
background-image:url(../../images/classname.png); 
background-color:transparent; 
background-repeat:no-repeat; 
text-align:center; 
border:none; 
height:50px; 
width:160px; 
font-size:12px; 
font-family:Tahoma, Geneva, sans-serif; 
color:#CCC; 
} 

<div class="classname">Text</div> 

爲什麼文本是上述圖像的？我應該添加什麼來使其正常？我可以使用padding-top，但如果你知道我的意思，那麼圖像的底部也會有空間。 謝謝。

Answer 1

I created this for you，我認爲這就是你想如何做到這一點。

Answer 2

因爲圖像是背景的文字。

如果你試圖與文本後備圖像按鈕，就<img src="someurl" alt="sometext" />

你說的上述意思？