1

图像上的链接被隐藏或覆盖，我不知道为什么。下面的第一个<a href..是一个例子..可以在这里找到实时版本..基本上任何产品图像都应该是可点击的..

<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>
4

4 回答 4

0

这是您需要解决的问题

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

ul.products li.product .product-details li {
    vertical-align: middle;
}
于 2013-07-11T07:18:35.083 回答
0

顺便说一句，如果你给

 border="0"

您的图片链接周围不会有灰色（或任何其他颜色）边框

于 2013-07-11T06:57:47.633 回答
0

它在我的机器上运行良好。

您必须检查您的 CSS 并确保没有 div 标签在其上分层（或具有比它更高的 z-index）。

于 2013-07-11T04:32:13.870 回答
0

那是因为您设置ul height:100%了这就是它与图像重叠的原因。

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

woocommerce.css Line # 634

ul.products li.product .product-details{
     height:25px;
}
于 2013-07-11T04:34:54.397 回答