WebKit中的神祕1px邊框

我有一個神祕的1px底部邊框出現在Safari和Chrome（我猜WebKit的東西）。 Firefox顯示效果很好。WebKit中的神祕1px邊框

下面的按鈕應該與下面的tealy酒吧齊平。不應該有1px線將它們分開。

WebKit Example

我已經與height，border，position，padding和margin玩耍了，但一直沒能推測這一個。

在Web Inspector中將bottom: 0更改爲bottom: -5px仍然生成該行。

有相當多的風格進入它，所以我會嘗試和合並級聯。

#tell-a-friend { 
    background-repeat:no-repeat; 
    display:block; 
    height:33px; 
    margin-right:0; 
    position:absolute; 
    float:right; 
    font-size:1.2em; 
    margin-right:0.8em; 
    background-position:right 0; 
    bottom:0; 
    height:35px !important; 
    left:682px; 
    width:82px; 
}

再次，我可能會更好linking to the site。

CSS被縮小了，所以使用Web Inspector來查看CSS。

我用盡了一切我能想到的，現在，所以我要看看你們能幫助我:)

非常感謝！

來源

2010-10-11 alex

請發佈更多代碼 - 我們無法訪問HTML。如果可用，請發佈鏈接到現場版本。然後我會有一個屠夫。 – ClarkeyBoy 2010-10-11 00:36:05

@ClarkeyBoy我做到了......看到上面的鏈接:) – alex 2010-10-11 00:42:15

對不起 - 我誤讀了它...它遲到... – ClarkeyBoy 2010-10-11 00:57:26

編輯：這是你的<div id="header">的絕對高度。儘量縮短一個像素。

alt text

~~這不是一個黑色的輪廓，它的灰色背景...背景圖像的底部有一個1px的透明行，灰色背景顯示出來。~~

來源

2010-10-11 00:35:40

永遠不會想到這個...... – ClarkeyBoy 2010-10-11 00:37:20

我想到了這一點，但使用Web Inspector我設置了「height：10px」，但它仍在發生。如果它在圖像底部有1px透明（即它應該被包含元素截斷），它不應該工作嗎？ – alex 2010-10-11 00:43:57

我錯了......編輯來了 – 2010-10-11 00:50:33

WebKit中的神祕1px邊框

回答

相關問題