To fix this in all browsers you should use:
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
I 1 found the answer here
To fix this in Webkit.
I had a problem with a
bootstrap panel border or background 17 bleeding to a
<h> element above the
bootstrap panel. The
<h> element 16 has
class="page-header" and is contained in a
div element with 15
class="col-lg-12". The answers here and in other places 14 didn't work for me.
What worked was adding 13 this to the
panels CSS class:
I got the direction 12 from here from Carol's answer.
This caused 11 another problem for me. I had Dropdown controls 10 in the panel and the
overflow:hidden; caused the dropdowns 9 to be cut off and not displayed fully.
The 8 dropdowns are contained in
div elements with 7 Bootstrap
col-lg classes. I added
style="position: inherit" to those
div elements 6 containing the dropdowns and that solved 5 the problem.
The solution to that problem 4 I found here.
I added 3 or 4
<br/> elements before 3 the
div tag that was bleeding and that solved 2 the bleeding problem without any bad side 1 effects.
More Related questions