您现在的位置:首页 >> 前端 >> 内容

编程开发教程之放大镜实现方法

时间:2017/8/31 10:05:00 点击:

  核心提示:编程开发教程之放大镜实现方法。*{margin: 0;padding: 0;}#box1{/margin:100px;/width: 400px;height: 400px;position: rel...

编程开发教程之放大镜实现方法。

*{

margin: 0;

padding: 0;

}

#box1{

/margin:100px;/

width: 400px;

height: 400px;

position: relative;

}

#box1 img{

width: 400px;

height: 400px;

}

#box2{

width: 400px;

height: 400px;

position: absolute;

top: 0;

left: 410px;

overflow: hidden;

border: 1px solid gray;

display: none;

}

#fdj{

position: absolute;

top: 0;

left: 0;

background: rgba(255,255,255,.4);

border: 1px solid gray;

cursor: move;

display: none;

}

作者:网络 来源:yl107的博客