边框半径溢出问题

Question

24

我想给一个包含带有背景图片的所有元素的

- Enrique Moreno Tent

哪个浏览器？在我的火狐浏览器中运行良好。 - Blowsie

3个回答

4

添加：

-webkit-background-clip: padding-box;

为了在Webkit中解决这个问题。

- Rich Bradshaw

2

我遇到了一个问题，就是 bootstrap 面板 的边框或背景渗透到了上面的 <h> 元素中，而这个元素的 class="page-header"，包含在一个 class="col-lg-12" 的 div 元素中。这里和其他地方的答案对我都没有用。

解决方法是将以下内容添加到 panel 的 CSS 类中：

overflow:hidden;

我从这里得到了Carol的答案。

编辑：

这对我造成了另一个问题。我在面板中有下拉控件，overflow:hidden;导致下拉框被裁剪并且无法完全显示。

下拉框包含在具有Bootstrap col-lg类的div元素中。我在包含下拉框的那些div元素中添加了style="position: inherit"，这解决了问题。

我在这里找到了解决该问题的方法。

附加选项：

我在出现问题的div标签之前添加了3或4个<br/>元素，这解决了出现溢出的问题，没有产生任何负面影响。

- Dov Miller

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- tgandrews · Accepted Answer

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

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

我在这里找到了答案。