边界半径出血

如何解决边界半径出血

| 我想将边框半径设为

<nav>

，其中所有

<a>

都具有图像，但是背景图像始终超出边框半径。这是为什么？     

解决方法

要在所有浏览器中解决此问题，您应该使用：

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

我在这里找到答案     ,加：

-webkit-background-clip: padding-box;

要在Webkit中解决此问题。     ,我在

bootstrap panel

边框或背景出血到

bootstrap panel

上方的

HTML

标题

<h> element

时遇到问题。

<h>

元素具有

class=\"page-header\"

，并包含在带有

class=\"col-lg-12\"

的

div

元素中。这里和其他地方的答案对我都没有用。 起作用的是将其添加到ѭ12的CSS类中：

overflow:hidden;

我从卡罗尔的答案中得到了指示。 编辑： 这给我带来了另一个问题。我在面板上有下拉菜单控件，而ѭ14导致下拉菜单被剪切并完全显示。 下拉菜单包含在Bootstrap

col-lg

类的

div

元素中。我在包含下拉菜单的

div

元素中添加了

style=\"position: inherit\"

，从而解决了问题。 我在这里找到了解决该问题的方法。 附加选项： 我在

div

标签之前添加了3或4个

<br/>

元素，这些元素正在出血，并且解决了出血问题，并且没有任何不良副作用。