gpt4 book ai didi

jquery - 调整 css Sprite 的大小

转载 作者:太空宇宙 更新时间:2023-11-04 16:22:44 24 4
gpt4 key购买 nike

我有一张尺寸约为 500X400 像素 (background.png) 的图像,然后是宽度为 150X100 像素的 HTML div

我想在 div 中显示图像 background.png 从左上角 (x: 50, y: 50) 到右下角 (x1: 350, y1: 250) 的部分。

我要显示的 background.png 部分的尺寸是 300X200,这是 HTML div 尺寸的两倍。

如何调整图像部分的大小以使其适合 div 的尺寸并使用 CSS 或 jquery 显示它。

最佳答案

您可以使用 background-position: -50px -50px 和 CSS3 background-size: 50% 来实现这个结果。

background-size 不被旧浏览器支持,你可以 check support here .

关于jquery - 调整 css Sprite 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6263223/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com