如何解决这个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问题？

回答

相关问题