鏈接覆蓋圖像包裝

圖像上的鏈接被隱藏或覆蓋，我不明白爲什麼。下面的第一個<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

鏈接覆蓋圖像包裝

回答

相關問題