2010-03-10 39 views
2

我試圖重新調整MSIE中的兩個按鈕的大小,所以它們會變得非常大,但我得到了醜陋的別名。MSIE中按鈕的非醜陋調整

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
    <title>ugly button</title> 
    <style> 
    button { 
     height:100px; 
     margin:2em; 
     width:450px; 
    } 
    </style> 
</head> 
<body> 
    <h2>ugly button</h2> 
    <button id="ugly" onclick="alert('ugly');">click me</button> 
</body> 
</html> 

當然它看起來罰款在其他瀏覽器我想:

http://img535.imageshack.us/img535/2416/buttonugly001a.pngalt text http://img535.imageshack.us/img535/2416/buttonugly001a.png

是否有越來越大按鈕沒有這種不必要的外觀的解決方法嗎?

更新:重要提示我在這個例子中使用的圖像是。這只是將CSS應用到MSIE中的本地「按鈕」元素。

+0

您是否嘗試定義邊框? border:#336699 1px solid; – Jage 2010-03-10 23:15:35

+0

定義邊框擺脫了按鈕上的問題,但它帶走了漂亮的「圓邊」 – dreftymac 2010-03-10 23:41:51

回答

2

這是因爲Internet Explorer只是將像素和它們展開爲一個單一的方塊,而不是像模擬像素那樣嘗試像矢量圖像。老實說,在瀏覽器中調整圖片大小的做法是不好的做法,因爲更大的版本看起來很可怕,所以你只能將它們縮小一些。如果你需要更大的按鈕,你應該把它們保存得更大。

個人而言,我希望所有瀏覽器都實現這種圖像調整大小技術。我認爲它看起來好多了,並且顯示了正在使用的真實圖像。據我所知,除了重新制作圖像以使其更大以外,您無需調整它們的大小。

編輯:使用按鈕不應該產生這種效果,至少它不適合我在IE瀏覽器。我嘗試使用輸入類型=按鈕和按鈕,這兩個顯示對我來說都完美無缺,沒有奇怪的別名問題。你還有哪些其他風格適用於他們?

+0

我已經更新了MSIE 7上重現此問題的HTML文件的全部內容,贏得XP。 HTML被修改以避免尖括號問題,但否則它是相同的 – dreftymac 2010-03-10 23:42:27