股利悬停移动与规模

即通过位置定位的标题：绝对移到缩略图上（位置：相对），当你将鼠标悬停在缩略图移动..唯一的事情定义在：悬停是

transform:scale(1.2);

任何想法如何解决？

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

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

感谢，韦斯利

来源

2011-09-15 Wesley

这是工作的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>

来源

2011-09-15 19:49:35

谢谢，但我想为5px的每个图像周围的保证金，您摆脱所有的利润率。它应该使用5px，20px的边距，这对我来说是非常有价值的。 – Wesley

为什么不把上面贴出的代码包装在div标签中并在其上放置保证金？ –

如果没有简单的解决方案，我想这将不得不做！ – Wesley

股利悬停移动与规模

回答

相关问题