Пограничный радиус кровотечения

Question

Я хочу присвоить border-radius для <nav>, в котором все <a> имеют изображение, имеет фон, но изображение продолжает выходить за границы радиуса.Это почему?

Answer 1

Чтобы исправить это во всех браузерах, вы должны использовать:

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

Я нашел ответ здесь

Answer 2

Добавить:

-webkit-background-clip: padding-box;

Чтобы исправить это в Webkit.

Answer 3

У меня была проблема с bootstrap panel границей или фоновым кровотечением до HTML заголовка <h> element выше bootstrap panel.Элемент <h> имеет class="page-header" и содержится в элементе div с class="col-lg-12".Ответы здесь и в других местах не сработали для меня.

Что сработало, так это добавление этого к классу panel s CSS:

overflow:hidden;

Я получил направление от здесь из ответа Кэрол.

Редактировать:

Это вызвало у меня еще одну проблему.У меня были элементы управления Dropdown на панели, и overflow:hidden; заставил выпадающие меню обрезаться и отображаться полностью.

Выпадающие элементы содержатся в div элементах с классами Bootstrap col-lg.Я добавил style="position: inherit" к div элементам, содержащим выпадающие списки, и это решило проблему.

Решение этой проблемы я нашел здесь .

Дополнительная опция:

Я добавил 3 или 4 <br/> элементов перед меткой div, которая кровоточила и которая решала проблему кровотечения без каких-либо побочных эффектов.