IE9 div具有邊框半徑和滲漏的背景色和邊框

Question

IE是表示在首標區的出血背景顏色和邊框例如此處在IE9。 CSS在下面，但是我不明白為什么。

#header-wrapper {
    position: relative;
    width: 98.2%;
    margin: 0 0.8%;
    overflow: hidden;
    height: 100px;
    border: 1px solid #333441;
    border-bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#E4E4E4));
    background: -moz-linear-gradient(top,  #f6f6f6,  #e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e4e4e4');
    border-radius: 8px 8px 0 0;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
}

任何想法都很棒。

Answer 1

如果在您的項目約束范圍內可用。 我建議使用諸如bourbon之類的東西，它在考慮到瀏覽器兼容性的情況下為您提供所有mixins來執行所需的操作。 但是，這種工具需要SASS。 從長遠來看，知道/擁有不是一個壞主意。

另外，還有其他工具，例如modernizr ，在這種情況下也可以為您提供幫助。

此外，您可以深入研究諸如Twitter Bootstrap之類的CSS源代碼框架，並獲取它們用於邊界半徑的代碼。

Answer 2

http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/