オーバーレイとオーバーフローを使用してサムネイルにカーソルを合わせると、フルサイズの画像が表示されるようにしようとしています:hidden & visible。
Firefox と IE では問題なく動作しますが、Chrome と Safari では問題が発生します。ここで見ることができます Webkitアーティファクト
これは私が使用しているCSSです:
.img-thumb
{
position:relative;
height:60px;
width:60px;
overflow:hidden;
padding:5px;
font-family:Comic Sans MS, cursive, sans-serif;
font-size:14px;
}
.img-full
{
position:absolute;
display:none;
top:0px;
left:0px;
}
.img-thumb:hover .img-full
{
display:block;
z-index:10;
}
.img-thumb:hover
{
overflow:visible;
}