-3

私はいくつかのcssの問題を抱えています...

ここから商品にカーソルを合わせると、「今すぐ表示」と表示されます。

しかし、ここから製品にカーソルを合わせると、「カートに追加」が表示され、「カートに追加」の黒い背景も表示されますが、これは理解できません..

CSSに何を追加しなければならないか分かりますか..?

製品を表示する私のコードは次のとおりです。

<!-- Product List -->
<div class="pl">
  [product.each]

  <div class="t1 col3">



    <ul class="products ribbon">

      <li class="product">


        <a href="[product.link]">

          <div class="thumbnail">

              <img width="150" height="150" src="[product.image direct='1' tag='0']" class="attachment-shop_catalog wp-post-image" alt="[product.name]" title="[product.name]">    

              <div class="thumb-shadow"></div>

              <strong class="below-thumb">[product.name]</strong>  

            </div>


          <span class="price">

            <span class="amount">

              <?php if ($product->saleprice > 0 &&  $product->saleprice < $product->price) { ?>

                    <div class="prc">
                <small>
                   <span style="text-decoration: line-through; color:blue;">[product.currency mode='sign'][product.price]</span>&nbsp&nbsp
                   <span style="font-weight: bold; color:red;">[product.currency mode='sign'][product.saleprice]</span>
                </small>
                    </div>
                    <?php } else { ?>
                    <div class="prc">
                <small>
                  <span style="font-weight: bold; color:blue;">[product.currency mode='sign'][product.price]</span>
                </small>
                    </div>    

                <?php } ?>                


              </span>

            </span>

          </a>



          <div class="buttons" style="opacity: 0; visibility: visible; overflow: hidden; height: 41px; ">
                <a href="[product.link]"  class="add-to-cart add_to_cart_button product_type_simple" style="position: relative; top: -41px; ">SHOP NOW</a>
           </div>      


      </li>    


    </ul>



  </div>  <!-- t1 col3 #end --> 


      [/product.each]
      <div class="clearingdiv"> </div>

 </div>
<!-- /Product List -->

だから、何が欠けているのか教えてください..？ソースコードで CSS コードを見つけることができます...

4

1 に答える 1

0

彼らは背景画像を使用しています。

あなたの場合、あなた.buttonsはそこに背景またはアンカーを設定する必要があります。

ところで：インラインスタイルシートの使用をやめてください。代わりに、別の<style>ブロックまたは外部CSSファイルを使用してください。そうすれば、CSSははるかに読みやすく理解しやすくなります。

于 2012-11-05T22:33:47.917 に答える