css中怎么在不放大盒子的情况下放大盒子中的图片?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中怎么在不放大盒子的情况下放大盒子中的图片?相关的知识,希望对你有一定的参考价值。

参考技术A 首先把盒子的大小固定住,然后改大盒子中图片的尺寸,就可以实现不放大盒子的情况下放大图片了。 参考技术B 设置固定宽高,同时设置溢出不显示 参考技术C 外面大盒子设内边距 里面小盒子设外边距 上面1、2混合使用 大盒子相对定位,小盒子绝对定位并设置定位left:10px;top:12px; 就这几个方法,具体用哪个要根据设计稿的需求灵活使用

以上是关于css中怎么在不放大盒子的情况下放大盒子中的图片?的主要内容,如果未能解决你的问题,请参考以下文章

盒子图片自适应

html+css3实现放大镜效果 (2021-08-25)

0189 案例:仿京东放大镜效果

JS之京东淘宝图片放大镜效果

JS实现淘宝商品图片放大效果(放大镜)

JS实现淘宝商品图片放大效果(放大镜)