Question

见这里：

当您将鼠标悬停在缩略图上时，通过位置：绝对位于缩略图上的标题（位置：相对位置）移动。唯一定义的内容是：悬停是

transform:scale(1.2);

任何想法如何解决？

我需要两个单独的div作为标题，1表示bg，1表示文本（不能使用RGBA）。

请注意，图像周围的边距需要保留。在这个例子中，5px，但也可能是20px或更多。

谢谢，韦斯利

Answer 1

这是工作的html + css

<a href="https://picasaweb.google.com/Darryl.Wilson1/MyPictures02#5157833312913845474"       style="padding:0px;margin:0px" class="thumbnail zoom">

<div class="container" style="padding:0px;margin:0px">
     <img src="http://lh6.ggpht.com/-iMWjZc44UuA/R5ROEhrn7OI/AAAAAAAAAV4/3l2mDuaeQ4Q/s160-c/Acura%252520Advanced%252520Sports%252520Car%252520Concept%25252002.jpg" style="width: 160px;">

    <div class="title_grid inside" style="width: 160px;margin:0px;position:absolute;left:0px ">
    </div>
    <div class="title_grid inside_text" style="width: 160px;">
     <span>&nbsp;Acura Advanced</span>
    </div>
</div>
</a>

Div随着比例移动

1 个答案: