[ACCEPTED]-Border-radius bleeding-css-sprites

Accepted answer
Score: 28

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

Score: 4


-webkit-background-clip: padding-box;

To fix this in Webkit.


Score: 2

I had a problem with a bootstrap panel border or background 17 bleeding to a HTML header <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.

Additional Option:

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