商品画像にカーソルを合わせたときに、商品画像の上に表示したい画像があります。
これは私が使用しているものです:
.centerBoxContentsFeatured img:hover {
background-image:url('http://i47.tinypic.com/vz2oj.gif');
}
動作しますが、商品画像の上ではなく後ろに表示されています。絶対配置と z-index を試しましたが、何もうまくいかないようです。
http://www.pazzle.co.uk - メイン ページの画像に適用しようとしています。<<
編集:
#featuredProducts.centerBoxWrapper {
position: relative;
}
#featuredProducts.centerBoxWrapper:hover:before {
content: '';
width: 187px;
height: 179px;;
position: absolute;
top: 0;
left: 0;
background-image:url('http://i47.tinypic.com/vz2oj.gif');
}