0

Twitter Bootstrap の外観を変更したい。私は基本的にこれがどのように機能するかを知っており、すべてをセットアップして機能させています。

デフォルトで.navbar-innerは、境界半径があります。以下でそれがどのように宣言されているかを見てください - 彼らはプレフィックスを使用しました.

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

今、私はそれを望んでいないとしましょうborder-radius。このまま書かなきゃいけないのか

.navbar-inner {
    border-radius: 0;
}

またはこのように

.navbar-inner {
    -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

ブラウザの互換性を最大限に確保するには？

最初のオプションを使用するとうまくいき、すべてのプレフィックスを使用するよりも見栄えがしますが、一部のブラウザーがそれを理解できないのではないかと心配しています.

4

1 に答える 1

2

古いブラウザーをすべてカバーする場合は、プレフィックスを使用する必要があります。これが、ブートストラップに最初からプレフィックスが含まれている理由です。

プレフィックスなしのバージョンのみを使用する場合、プレフィックス付きのバージョンのみを実装した古いブラウザーは、プレフィックスなしのバージョンを正しく解釈せず、変更/消去されません。

于 2012-11-18T17:49:36.323 に答える