IE7按鈕白色框架

有誰知道爲什麼IE6和IE7在button邊框和背景之間添加一個白色邊框？IE7按鈕白色框架

這裏是我的CSS和HTML：

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button>

如果你試試這個，你會看到邊框和背景之間的一個有趣的白色邊框。這不會在任何其他瀏覽器中出現，甚至不會出現在IE8中。

任何人有一個簡單的修復或建議我做錯了什麼？

謝謝！

編輯：我只是注意到，當我點擊按鈕，行軍的螞蟻出現，白色邊框消失。看起來好像當按鈕是:active它們消失了，雖然這對解決問題沒有多大幫助，但也許會給其他人。

另外，抱歉，我無法提供屏幕;我現在沒有地方通過這個互聯網連接上傳它。

編輯2：它實際上顯示邊框不是白色的，但按鈕的background-color。看起來IE在按鈕邊框和按鈕背景圖像之間留下1px的間隙。

來源

2010-07-06 tau

您使用的是reset.css嗎？猜測可能會解決這個問題，但現在無法測試。 – heisenberg 2010-07-06 19:28:18

@kekekela：我現在就試試。編輯：這也沒有工作... – tau 2010-07-06 19:29:56

啊，對不起芽。 = /如果你今天還沒有弄清楚，我今晚回家時會看看它。 – heisenberg 2010-07-06 19:34:31

請確保邊界不會從圖像本身（圖像的背景）來，設置準確width和height，也嘗試padding設置爲0像@SLaks說。

來源

2010-07-06 19:31:57 Sarfraz

我只是試過所有這些（和各種組合），並沒有擺脫它 – tau 2010-07-06 19:34:53

我有同樣的問題......看起來至少在IE上工作的巧妙技巧：「白色」輪廓實際上是圖像的背景顏色。因此，將其設置爲與您的邊框顏色相同。如果你不介意稍微厚一些的邊界，那就到那裏吧。如果邊框現在太厚，請將邊框顏色設置爲頁面的背景顏色。

例如顯示一個黑色的「邊框」使用這個CSS你的按鈕： background：url（./ button_bg.gif）no-repeat; background-color：＃000000; border：1px solid #FFFFFF;

來源

2010-11-11 21:29:04

最初沒有問這個問題，但這個解決方案爲我工作。邊框是爲了，謝謝！ – catandmouse 2011-11-17 02:48:34

IE7按鈕白色框架

回答

相關問題