Question

IE在IE9的标题区for example here上显示bg颜色和边框。 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这样的东西，它可以让你所有的mixin做你需要的东西，同时考虑到浏览器的兼容性。但是，这样的工具需要SASS。从长远来看，了解/拥有这一点并不是一个坏主意。

或者还有其他工具，例如modernizr，在这种情况下也可以帮助你。

此外，您可以深入研究源代码CSS框架，例如Twitter Bootstrap，并获取它们用于边界半径的代码。

Answer 2

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

IE9 div具有border-radius和流血的背景颜色和边框

2 个答案: