(3)仿京东放大镜效果

1. 在原先需要放大的图片上准备一个有颜色的遮挡层背景的盒子，例如样式为

   .mask {
       display: none;
       position: absolute;
       top: 0;
       left: 0;
       width: 300px;
       height: 300px;
       background: #FEDE4F;
       opacity: .5;//半透明
       border: 1px solid #ccc;
       cursor: move;
   }

2. 子绝父相，给 原图片样式加上相对定位position: relative;
3. 在原图片旁边准备一个放比原图更大图片（原图的放大版）的盒子

   .big {
       display: none;
       position: absolute;
       left: 410px;
       top: 0;
       width: 500px;
       height: 500px;
       background-color: pink;
       z-index: 999;
       border: 1px solid #ccc;
       overflow: hidden;//超出盒子大小的图片隐藏
   }

   <div class="preview_img">
          <img src="upload/s3.png" alt="">
          <div class="mask"></div>
          <div class="big">
                 <img src="upload/big.jpg" alt=""