如何解決這個CSS問題？

-3

我有一些CSS問題

當您從here懸停在一個產品，你可以看到「現在證明」 ..

但是當你將鼠標懸停在從here的產品，你可以看到'添加到購物車'，你也看到一些'添加到購物車'，我不理解的一些黑色背景..

我可以知道我還有什麼補充在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代碼...

來源

2012-11-05 Barb

你的問題到底是什麼？你在偷別人的源代碼嗎？ – twodayslate

'偷'有點苛刻，我知道（除了博客，A List Apart，CSS Play和其他一些），我*學習和改進的方式是通過查看他人的CSS ... –

標題這個問題不是很具描述性 - 你應該改變它，以便提供有關你的問題的更多信息 – starbeamrainbowlabs

他們使用了一個background image。

在你的情況下，你需要設置一個背景.buttons或錨點在那裏。

順便說一句：請停止使用內聯式樣式表;改爲使用單獨的<style>塊或外部CSS文件。這樣，你的CSS更容易閱讀和理解。

來源

2012-11-05 22:33:47 feeela

如何解決這個CSS問題？

回答

相關問題