链接覆盖图像包装

图像上的链接被隐藏或覆盖，我不明白为什么。下面的第一个<a href..就是这样的一个例子..真人版可以发现here ..基本上所有的产品图片可点击..链接覆盖图像包装

<div class="image-wrap"> 
    <a href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog"> 
     <img width="150" height="150" src="http://fundraisingfountain.pixelworklab.com/wp-content/uploads/2013/06/Pillow-Pets-Bulldog-2-150x150.png" class="attachment-shop_catalog wp-post-image" alt="Pillow Pets - Bulldog (2)">   
    </a> 

    <ul class="product-details"> 
     <li class="details"> 
      <a class="button details" href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog">View Details</a> 
     </li> 
     <li class="price-wrap"> 
      <a href="http://fundraisingfountain.pixelworklab.com/product/bull-dog/" title="Bull Dog"><span class="price"><strong><span class="amount">$25</span></strong></span></a> 
     </li> 
     <li class="cart"> 
      <a href="/product-category/pillow-pets/?add-to-cart=164" rel="nofollow" data-product_id="164" data-product_sku="003" class="add_to_cart_button button product_type_simple">Add to cart</a> 
     </li> 
    </ul> 
</div>

来源

2013-07-11 js111

它工作正常，我的机器上。

你必须检查你的CSS，并确保没有div标签分层（或有更高的z-index）。

来源

2013-07-11 04:32:13 tannerwj

那是因为你已经设置了ulheight:100%这就是它重叠图像的原因。

更改height为ul的东西更小，它会正常工作

woocommerce.css Line # 634

ul.products li.product .product-details{ 
    height:25px; 
}

来源

2013-07-11 04:34:54

顺便说一句，如果你给一个

border="0"

到您的图片链接有西港岛线是没有灰色（或任何其他颜色）边框

来源

2013-07-11 06:57:47 SuperDJ

以下是您需要修复的内容

ul.products li.product .product-details { 
    height: auto; 
    top: 108%; 
} 

ul.products li.product .product-details li { 
    vertical-align: middle; 
}

来源

2013-07-11 07:18:35

链接覆盖图像包装

回答

相关问题