3

每次我创建一个精灵用作 css 背景图像时,我都必须计算数学并提醒自己如何记住以像素为单位的 X 和 Y 坐标。我怎样才能记住它或在视觉上看到它以使其保持笔直?

4

3 回答 3

11

我想出了这张图,希望它对其他人也有帮助。

在此处输入图像描述

于 2013-08-04T10:18:32.960 回答
2

认为 'Y' 与 'SKY' 押韵,所以这就是您从顶部到顶部的测量值(以 px 为单位的距离)。留下'X'作为剩余距离(以像素为单位的左侧距离)

当我说与左侧的距离和与顶部的距离时,我指的是从整体图像的一侧到要显示的部分开始时的距离(以像素为单位)。

于 2013-08-04T10:27:51.363 回答
1

我通常将图像保存在 Sprite 表上的任何位置,然后通过单击 Fireworks 中的每个图形元素(我使用烟花)然后否定坐标来检查坐标。例如:如果一个元素位于 x=23px 和 y=20px,那么在 CSS 中,我使用background-position:-23px -20px. 这总是有效的。

于 2013-08-08T02:31:51.790 回答