0

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;
}

任何想法都会很棒..

4

2 回答 2

0

如果在您的项目限制范围内可用。我建议使用类似bourbon的东西，它可以为您提供所有的 mixin 来满足您的需求，同时考虑到浏览器的兼容性。但是，这样的工具需要 SASS。从长远来看，知道/拥有这不是一个坏主意。

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

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

于 2012-08-25T18:30:35.247 回答
-2

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

于 2012-08-25T18:00:24.630 回答