.modal头显示1px的白色边框

Question

我试过在.modal-content和.modal-header的border-radius:，background:和background-color:每个可能的组合，但无论我做什么，我仍然得到1px的白色边框在头顶部：

我能做些什么来消除边界在我的模态对话框的头顶部？

Answer 1

问题是box-shadow被应用于.modal-header在非引导样式表中。是什么让这个真正阴险的是，这是一个1px的白色阴影 - 明显呈现为边界 - 不知道为什么我或其他人会这样做，但你活着，你学习。

.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 */ 
} 

哎呀，这是一个强硬！感谢您的意见。

Answer 2

如果模态的容器没有您希望编辑的模式风格，或许该模态的标题是<div>，它正好位于顶部。