Estou recebendo um efeito estranho (atualmente no Chrome). Eu criei minha própria caixa de diálogo de sobreposição. que tem um fundo semitransparente em cima do meu site com uma caixa em cima disso. a parte superior da barra, como você pode ver, tem um fundo preto. A parte principal da caixa é o pensamento branco.

Não é o facilitador de ver, mas está me irritando.

O branco está aparecendo por trás. (Eu sei como se eu mudar para vermelho muda de cor) Que você pode ver no canto superior direito das imagens, logo acima do "X"

Tanto o cabeçalho quanto a caixa tem um raio de borda de 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;
}