放大镜边界怎么设置

66***

Document

*{margin: 0;padding: 0;}
#fdj{width: 350px;height: 350px;border: 1px solid red;position: relative;margin: 100px;}
#fdj>.small{width: 350px;height: 350px;}
/*小图的宽度是350，阴影区显示的宽度是175*/
#fdj>.small>.shadow{width: 155px;height: 155px;background: yellow;opacity: 0.2;position: absolute;top: 0;left: 0;display: none;}

/*大图的宽度是800,大图的div的宽带是400*/
#fdj>.big{width: 400px;height: 400px;border: 1px solid blue;position: absolute;left: 350px;top: 0;overflow: hidden;display: none;}

永恒***

大盒子 offsetLeft< 小盒子的left < 大盒子offsetLeft+大盒子宽 - 小盒子宽
大盒子 offsetTop< 小盒子的Top < 大盒子offsetTop+大盒子高- 小盒子高
如果在这个范围外，
归零。

已有账号？

找人解决需求

放大镜边界怎么设置

全部参与1

热门问答

66***

今日需求悬赏

今日问答求助

发布任务需求已有1031166位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端