html 怎样将一张图片切割成多张图片之后设置这些图片的位置

html 怎样将一张图片切割成多张图片之后设置这些图片的位置,第1张

如果不想使用PS来编辑图片,可以在网页中直接用多个DIV+CSS实现,先设置好各个DIV的位置和大小,然后用CSS指定该图片为背景图片,只要把background-position的值计算好,就可以使DIV显示图片的不同部位,实现拼图效果。

有两种方法实现

可以用css背景图片做定位(这个你可以去W3CSchool查看一下background的相关属性)

用两个元素, 块元素A和img元素B, A中嵌套B, A用"position:relative"固定宽高, 并设置overflow为hidden, B元素用"position:absolute"设置top和left,


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7295420.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存