2011-09-15 6 views
1

はこちらを参照してください規模でホバー上を移動しますで定義されます:ホバーは、本部は

transform:scale(1.2); 

どのように修正するには?

キャプションには2つの別々のdivが必要です.bgには1つ、テキストには1つ(RGBAは使用できません)。

画像周辺の余白を残す必要があることに注意してください。この例では5pxですが、20px以上にすることもできます。

おかげで、 ウェズリー

答えて

0

が、これは作業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> 
+0

おかげで、私は、各画像の周りに5pxのマージンをしたい、あなたはすべての余白を取り除きます。それは5px、20pxのマージンで動作するはずです。 – Wesley

+0

divタグで上に掲示したコードをラップして余白を入れてみませんか? –

+0

シンプルな解決策がない場合、私はそれをやる必要があると思います! – Wesley