Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 裁剪背景图像精灵_Css_Sprite - Fatal编程技术网

Css 裁剪背景图像精灵

Css 裁剪背景图像精灵,css,sprite,Css,Sprite,有没有办法裁剪背景精灵 我们将背景图像添加到CSS body类。现在,如果没有一个白色背景的元素覆盖了精灵的其余部分,那么我们就有了所有其他图像的混乱 我试过背景尺寸,但不行。那么,我是否缺少一个CSS值,它不仅定义了背景位置,还定义了应该使用的图像的实际区域 谢谢 -这篇文章介绍了如何使用图像精灵的用例senario和正确执行。好的,所以我能解决这个问题的唯一方法是将主体页面背景放在精灵的底部。指定正确的背景位置值并添加背景颜色:#fff,以便页面的其余部分成为可读文本 谢谢你的意见 您需要使

有没有办法裁剪背景精灵

我们将背景图像添加到CSS body类。现在,如果没有一个白色背景的元素覆盖了精灵的其余部分,那么我们就有了所有其他图像的混乱

我试过背景尺寸,但不行。那么,我是否缺少一个CSS值,它不仅定义了背景位置,还定义了应该使用的图像的实际区域


谢谢

-这篇文章介绍了如何使用图像精灵的用例senario和正确执行。

好的,所以我能解决这个问题的唯一方法是将主体页面背景放在精灵的底部。指定正确的背景位置值并添加背景颜色:#fff,以便页面的其余部分成为可读文本


谢谢你的意见

您需要使用背景大小和实际div的宽度。同时使用它们可以在图像精灵中裁剪图像。如果你展示一个代码示例,我可以给出一个更充实的示例。请查看为SpritTest创建CSS的帮助问题是我试图在body类上使用它。所以,如果我限制高度,我就限制高度。有办法吗?示例:您可以看到蓝色背景下的图像。