淘宝静态网页模仿2

1      怎样实现鼠标悬停，图片上好像出现了一层模糊的层？<如图所示>

               

要实现鼠标悬停出现此效果则

（1）首先现在先在html文件中插入图片的<img>标签上新建一个div。 注意是在上方！！！
（2）然后在css样式中， 给所在的父元素设置相对定位，给div设置绝对定位 。
（3）然后给div设置宽高等于图片的宽高加上背景色 为半透明的颜色（大概0.2~0.5左右）。

（4）以上就可以实现图片上有一层阴影，然后通过hover实现鼠标悬停出现与否。

例如

html文件