jqueryでロールオーバー時にふわっと背景を浮かび上がらせるjqueryコード

Js

CSS

.box a{

     display:block;
     width:100px;
     height:100px;
}

.box_ov{
     width:100px;
     height:100px;
     position:relative;
     overflow:none;}

.box_bk{
     width:100px;
     height:100px;
     background: gray;
     display:none;}

.box{
     width:100px;
     height:100px;
     position:absolute;
     top:0px;
     left:0px;}

HTMLコード

   
            

       
            

           
           ここにコンテンツが入ります。
           
           
            

       

サンプルはこちら

.box_bkのbackgroundにimage属性を入れれば、画像でも対応可能です。

ご参考にどうぞ。