.modal-Header zeigt 1px weißer Rand

ich jede mögliche Kombination von border-radius: versucht habe, background: und background-color: auf .modal-content und .modal-header, aber egal was ich tue, ich immer noch den 1px weißen Rand an der Spitze des Headers erhalten:.modal-Header zeigt 1px weißer Rand

Was kann ich tun, um die Grenze an der Spitze meines modalen Dialog Header zu beseitigen?

Quelle

2017-05-18 rmirabelle

Zeigen Sie uns Code, Kumpel! Oder sogar ein Link zu der Website würde ausreichen. – trav

Das Problem war box-shadow wurde auf .modal-header in einem Nicht-Bootstrap-Stylesheet angewendet. Was das wirklich heimtückisch machte war, dass es ein 1px WHITE Shadow war - klar wie eine Grenze - keine Ahnung, warum ich oder jemand anderes das tun würde, aber du lebst, lernst du.

.modal-header { 
    -moz-border-radius: 6px 6px 0 0; 
    -webkit-border-radius: 6px 6px 0 0; 
    border-bottom: 1px solid #DDD; 
    /** OFFENDER! **/ 
    box-shadow: inset 0 1px 0 #fff; 
    -moz-box-shadow: inset 0 1px 0 #fff; 
    -webkit-box-shadow: inset 0 1px 0 #fff; 
    margin-bottom: 0; 
    padding: 9px 15px 10px; 
    background: #fcfcfc; /* Old browsers */ 
}

Puh, das war ein harter Schlag! Danke für die Eingabe.

Quelle

2017-05-19 03:11:34 rmirabelle

Sie brauchen wirklich nicht die Hersteller Präfixe für Box-Schatten oder Border-Radius mehr ... –

@EdmundReed verstanden, thx. – rmirabelle

Wenn der Container des Modales nicht den modalen Stil hat, den Sie bearbeiten möchten, hat das Modal vielleicht eine Kopfzeile <div>, die ganz oben sitzt.

Quelle

2017-05-18 18:30:10

.modal-Header zeigt 1px weißer Rand

Antwort

Verwandte Themen