div邊界半徑問題（在Firefox和Opera上）

如你所見有兩張圖片。首先，在Chrome上。在右側有Beğen和Yorumlar按鈕.Border看起來很好..div邊界半徑問題（在Firefox和Opera上）

但是第二張圖片顯示;火狐和歌劇有邊界半徑的問題。我嘗試做border-witdh：thin，border：1px solid等。但它看起來像一樣。

怎麼可以這樣做？你有什麼主意嗎？

對不起我english.Thank你

image on chrome

image on ff and opera

來源

2011-10-12 Ayro

提供的任何機會在jsfiddle.com上工作的惡魔？它會幫助我們解決發生的事情，如果我們能夠真實地看到它，而不僅僅是一個圖形。 – Spudley

I'cant解釋我的問題。好吧，你看到藍色按鈕的broder非常好。我不使用border.Border：0。我的意思是火狐和歌劇塗抹邊框。他們顯示像有邊框。實際上沒有邊框。我不想影子，我不想邊框。我有背景圖片。我想表現得很厲害。看照片.Firefox顯示border.Chrome非常好。在真正的時間裏，div沒有邊框！ [照片]（https://lh5.googleusercontent.com/-ZGVCFkKiSQk/TpXUKpYll6I/AAAAAAAAAKI/SbLRzAsZCu0/s782/btn2.png） – Ayro

我固定:)問題是我用背景色和背景圖像相同time.Now我只使用背景圖像。沒有問題。謝謝大家:) – Ayro

此效應通常稱爲「背景流血」或「泄漏」。

-moz-background-clip: padding; 
-webkit-background-clip: padding-box; 
background-clip: padding-box;

我第一次聽說這個由麥克·哈丁的博客：它可以通過一些簡單的CSS固定
http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed

而這裏的W3C規範：
http://www.w3.org/TR/css3-background/#the-background-clip

來源

2011-10-12 22:16:40

爲了幫助丁目的邊框border:1px double ...。我知道chrome與半徑邊界有關係。將它設置爲double而不是solid將有助於清理它。有點討厭。

來源

2011-10-12 15:15:06 brenjt

...它幾乎看起來像可能離開，根本沒有使用邊界。按鈕和背景之間有足夠的對比。你嘗試使用1px的外光（模糊半徑）嗎？

-moz-box-shadow: [position-x] [position-y] [blur-radius] [color]; 
-webkit-box-shadow: [position-x] [position-y] [blur-radius] [color]; 
box-shadow: [position-x] [position-y] [blur-radius] [color];

來源

2011-10-12 15:21:01 vector

div邊界半徑問題（在Firefox和Opera上）

回答

相關問題