0

私は自分のウェブサイトの左バーで作業していました。基本的に、左バーは。を含む3つのdiv要素で構成されid="profile"ます。child divまた、要素を左にフロートさせました。

私が直面している問題：

私はmozillafirefoxのfirebugの問題を分析しました。それぞれの幅は親要素と同じですが、方法がわかりません。

次に、child div要素の高さが親要素と等しくありません。要素をまたはに設定してみheightましたが、問題は解決しません。div100%34px

第三に、左バーの背景としてグラデーションを追加しましたが、背景は単色で表示されます。通常のグラデーションブラックグラウンドの前にベンダープレフィックスを追加しました。しかし、なぜこれが起こるのか私は本当に知りません。

この例のjsbinデモを追加しています

4

1 に答える 1

1

FirefoxのCSS構文を次のように変更する必要があります。

-moz-linear-gradient(bottom, rgb(213,213,213) 0%, rgb(237,237,237), rgb(213,213,213) 100%);

高さは、左バーではなく画像コンテナに設定するだけで、左バーを高さ34に設定します（および/またはline-heightを使用して垂直方向の中央に配置します）。

.leftbar{
  widh:70%;
  color:#000;
  font-family:Calibri;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  height:34px;
  line-height:34px;
  float:left;
}
于 2013-01-13T09:36:36.580 に答える