0

私はtwitterブートストラップcssのいくつかのコンポーネントを使用しており、カスタムcssファイルに結合しています。

私は主にツールバーに関連するコンポーネントを使用しており、ツールバーをセットアップしています。

次の追加のcssを適用しましたが、.signinbox_leftの場合：何らかの理由でホバーすると、ホバーボックスは周囲のliよりもはるかに大きくなります。これを機能させるために、マージンとパディングおよび高さの組み合わせの組み合わせも試しましたが、適用されているcssプロパティがいくつかあるようで、理解できません。さらに、このプロパティをオーバーライドする方法がわかりません。

ホストされている例は次のとおりです。http：//dl.dropbox.com/u/3417415/Toolbar/toolbar.html

これが意図したとおりに機能していないcssです。「アカウントの作成」にカーソルを合わせると、意味がわかります。

.signinbox_left :hover{

    background-color: red;
    float:right;
    position:relative;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -khtml-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;

    }
4

2 に答える 2

1

これを試して。フロートと位置を取り外します。

.signinbox_left:hover{

  background-color: red;
  -moz-border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  -khtml-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;

}

クラスと：hoverの間にスペースがないことに注意してください。

于 2012-04-17T16:35:42.010 に答える
0

SRWare Iron（Chrome、実際には）インスペクターを使用すると、要素にディメンションメトリックがあることがわかりますpadding: 10 10 11 4。

cssに.topbar div > ul a, .nav aは、実際の定義を含むの定義がありますpadding: 10px 10px 11px;（toolbar.cssの14行目）。その線を無効にすると、要素が適切に縮小します。

その.topbar定義から始めます。

于 2012-04-17T16:35:40.930 に答える