css - style - Sangrado en el radio del borde

style input checkbox

Question

Quiero darle un radio de borde a un <nav> en el que todos los <a> tienen una imagen con fondo, pero la imagen sigue saliendo fuera del radio del borde. ¿Porqué es eso?

Answer 1

Añadir:

-webkit-background-clip: padding-box;

Para solucionar esto en Webkit.

Answer 2

Para arreglar esto en todos los navegadores debes usar:

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

Encontré la respuesta here

Answer 3

Tuve un problema con el borde del bootstrap panel o el sangrado de fondo en un elemento de encabezado HTML <h> element sobre el bootstrap panel . El elemento <h> tiene class="page-header" y está contenido en un elemento div con class="col-lg-12" . Las respuestas aquí y en otros lugares no funcionaron para mí.

Lo que funcionó fue agregar esto a la clase CSS del panel :

overflow:hidden;

Tengo la dirección de here de la respuesta de Carol.

Editar:

Esto me causó otro problema. Tenía controles desplegables en el panel y el overflow:hidden; causó que los menús desplegables se cortaran y se mostraran completamente.

Los menús desplegables están contenidos en elementos div con clases de col-lg Bootstrap. Agregué style="position: inherit" a los elementos div que contienen los menús desplegables y que resolvieron el problema.

La solución a ese problema que encontré here .

Opcion adicional:

Agregué 3 o 4 elementos <br/> antes de la etiqueta div que sangraba y resolvió el problema de sangrado sin ningún efecto secundario grave.