2011-04-13 85 views
17

我想給邊界半徑到一個<nav>其中所有的<a>有一個圖像有背景,但圖像不斷超越邊界半徑。這是爲什麼?邊框半徑出血

+0

哪種瀏覽器?在Firefox中工作正常 – Blowsie 2011-04-13 17:30:03

回答

21

在所有瀏覽器解決這個問題,你應該使用:

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

我找到了答案here

+0

Thanx!我必須弄清楚爲什麼這並不總是奏效:background-clip必須是** AFTER ** * border,border-radius,background *和所有其他可能重要的屬性(Linux下的FireFox 49.0.2)。 – 2016-11-18 08:40:59

2

地址:

-webkit-background-clip: padding-box; 

要在Webkit的解決這個問題。