0

よろしくお願いします。

ここを見てください：http：//www.martialgear.com/martial-arts-gear/sparring-gear.html

最初の製品であるパッド入り武器保護ヘッドギアの上にマウスを置きます

上記のカテゴリセクション全体がホバー時にどのように色が変わるかに注意してください。これにより、何らかの理由で、順序付きリストがその上のDIVセクションと重なっています。発生するのは、製品セクションの背景スイッチの色だけです。

2番目、3番目、4番目の製品などで機能します。

CSSとhtmlでさまざまな調整を試みましたが、これを正しく行うことができません。

4

3 に答える 3

2

これは、最初の製品の上のすべての要素がフロートされ、クリアされないために発生します。

簡単な修正は、これをcssに追加することです。

#products-list {
    clear: both;
}
于 2012-11-30T03:34:46.613 に答える
1

また、注文リスト<ol>の直後に。<div>が続き、その後に。が続き<li>ます。の<li>直後に移動する必要があり<ol>ます。

これがあなたが持っているものです：

<ol class="products-list" id="products-list">
    <div id="product-listing" onclick="location.href='http://www.martialgear.com/martial-arts-gear/sparring-gear/padded-weapons-protective-headgear.html';" style="cursor:pointer;" class="odd">
    <li class="item">

これをに変更してみてください

<ol class="products-list" id="products-list">
    <li class="item">
    <div id="product-listing" onclick="location.href='http://www.martialgear.com/martial-arts-gear/sparring-gear/padded-weapons-protective-headgear.html';" style="cursor:pointer;" class="odd">
于 2012-11-30T03:39:36.660 に答える
0

あなたのすべてはクラス「item」の中にあり、あなたは次のコードを持っています。

.products-list li.item {border-bottom:1px solid #d9ddd3; padding:5px 10px 5px 10px; }
.products-list li.item:hover { background:#EEEEEE; }

したがって、商品にカーソルを合わせると、実際には「商品」にカーソルを合わせます。削除する

.products-list li.item:hover { background:#EEEEEE; }

そして、ホバー時に色を変更したい特定の要素に同様のホバーを追加します。

于 2012-11-30T03:34:23.507 に答える