Question

如何实现鼠标滑过，图片变大的效果。且图片变大后覆盖页面？

看上面两个图，第二个图中 图片放大了
但是div中的文字也乱了套了，请问如何仅仅让图片放大，覆盖掉原来的东西呢？

我实现的代码是这样子的
img:hover {height:300px;position:relative; left:-3px; top:-3px; border:3px #f00 solid; z-index:2; clip:rect(0px 137px 137px 0px);}
其中小图height为150px
放大后为300px





Answer 1

这个要用jquery控制一下
这个大图片可以是一个层，然后隐藏起来。当经过小图的时候，获取小层的offset位置数值，然后赋值给大图，大图显示，基本上就是这原理，祝你成功