php - 图片中间的 Virtuemart 图片标题

Question

我试图移动图像中间的“图像标题”，但它似乎不起作用。

<div class="product-field product-field-type-R">

        <span class="product-field-display">
            <a title=" Image Title" href="index.php/eshop/category/someproduct-detail">
                <img alt="getimagedpmk4xtm" src="/images/stories/virtuemart/product/resized/getimage_90x90.jpg"></img>

            </a>
        </span>

    </div>

我尝试了各种东西，但直到现在都没有用，我最近的尝试是这样的:

.product-field-display a title{vertical-align: middle !important;} 

我知道这是错误的，但我无法提醒自己我尝试过的其他事情。

Answer 1

您可以像这样使用 CSS3 设置 anchor 标题的样式，这只是悬停时的示例，您现在可以轻松设置样式:

a[title]:hover:after{
    content: attr(title);
    width:100px;
    position:absolute;
    left:10px;
    top:20px;
    word-wrap: break-word;
    z-index: 20px;
}