正確顯示在使用CSS按鈕（跨瀏覽器）的圖像

我想要的風格按鈕，這樣它會對它的圖像：正確顯示在使用CSS按鈕（跨瀏覽器）的圖像

我的html：

<button type="button" class="btn"> 
<span></span> 
</button>

我CSS：

.btn 
{ 
    margin-right: 3px; 
    cursor: pointer; 
    width: 27px; 
    height: 27px; 
    padding: 0; 
} 

.btn span 
{ 
    margin: 0; 
    padding: 0; 
    vertical-align: middle;  
    width: 16px; 
    height: 18px; 
    background-image: url(updown.png);  
    background-position: -1px -3px; 
    display: inline-block; 
    overflow: hidden; 
}

這個CSS它看起來在Mozilla中心，但高一點，在Chrome和和多一點在IE左上角，任何人知道如何正確地做到這一點，所以它看起來的所有瀏覽器都一樣？

來源

2011-11-10 Omu

這是做奇怪的是，爲什麼不只是添加CSS bg-image到按鈕？ – Kyle

你確定css黑客？所以你可以爲這些brosers添加小小的調整。 – ezakto

@KyleSevenoaks我看着jQuery UI演示，看到他們這樣做 – Omu

嘗試給按鈕一個相對possition和跨度絕對嗎？

（這將是一個評論，但我不能對事情發表評論。對不起）

來源

2011-11-10 12:13:43 Helen

我剛剛通過投票給你，幫助你到達那裏.... –

讓它.btn position:relative和span position:absolute

來源

2011-11-10 12:14:43

正確顯示在使用CSS按鈕（跨瀏覽器）的圖像

回答

相關問題