0

IEは、たとえばここIE9で、ヘッダー領域ににじみのある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;
}

どんなアイデアでも素晴らしいでしょう。

4

2 に答える 2

0

プロジェクトの制約内で利用可能な場合。ブラウザの互換性を念頭に置いて、必要なことを実行するためのすべてのミックスインを提供するバーボンのようなものを使用することをお勧めします。ただし、このようなツールにはSASSが必要です。長期的には、知っている/持っていることは悪い考えではありません。

あるいは、 modernizrのような他のツールがあり、この場合にも役立ちます。

さらに、 Twitter BootstrapなどのソースコードCSSフレームワークを掘り下げて、境界半径に使用しているコードを取得できます。

于 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 に答える