2

丸みを帯びた角とcssグラデーションにTwitterBootstrapクロスブラウザーサポートを追加する方法はありますか(読み取り:愚かなIE 7+サポート)?

4

2 に答える 2

6

CSSPIEを使用します-http ://css3pie.com/

これを行うことができるのは.htcファイルです。

たとえば、border-radiusを使用しているCSSセレクターでは、動作として.htcを含めます。

.rounded {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    behavior: url(path/to/PIE.htc);
}

注:パスがCSSファイルではなくルートを基準にしていることを確認してください。何らかの理由で.htcファイルを実行するには、Microsoftだけが知っている方法である必要があります。

于 2012-10-16T10:26:43.087 に答える
3

IE7用に独自の条件付きスタイルシートを作成できます。グラデーションと丸みを帯びた角の両方に画像を使用する必要があります。

ただし、最善の方法は、クライアント(または誰でも)に、IE7でサイトに丸みを帯びた角やグラデーションがないことを受け入れるように説得することです。設計者はブラウザの制限を認識し、クライアントに提示されるブリーフでそれに対応する必要があります。

于 2012-10-16T10:27:59.980 に答える