Ich erhalte einen seltsamen Effekt (derzeit in Chrom). Ich habe ein eigenes Überlagerungsdialogfeld erstellt. Das hat einen halbtransparenten Hintergrund, der auf meiner Website mit einem Kästchen darüber sitzt. Wie Sie sehen, ist der obere Rand der Leiste schwarz hinterlegt. Der Hauptteil der Box ist weißer Gedanke.

Es ist nicht so einfach zu sehen, aber es nervt mich.

Das Weiß scheint von hinten durch. (Ich weiß, als ob ich es in Rot ändern würde, damit sich die Farbe ändert.) Das siehst du in der oberen rechten Ecke der Screenshots, direkt über dem "X".

Sowohl der Header als auch die Box haben einen Rahmenradius von 3px

.blockUI .overlay {
    background: #f00;
    border-radius: 3px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    position: relative;
        top: 20%;
    text-align: inherit;
    width: 600px;
    z-index: 10009;
}

blockUI .overlay h1 {
    background: #000;
    border-bottom: 2px solid #F48421;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: -10px;
    padding: 10px;
}