background-position:0px -26px;

yurui05 2009-06-16 10:59:06

请问这个代码的作用。我知道是设置背景位置的。只是我不明白这个-26px;
事实上，我看了很多代码的px都带有负数，一直弄不明白。希望热心人能帮我解开这个疑惑（不仅仅是我提出的问题哦，
最好能受之鱼不如授之以渔）谢谢。

...全文

205 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

夜雨_Jason 2009-06-16

打赏
举报

回复

图片的最左上顶角坐标是(0,0)

夜雨_Jason 2009-06-16

打赏
举报

回复

X 、Y轴，上面是正数的，下面是负的，你说是不是要用负数:)

hukeok 2009-06-16

打赏
举报

回复

屏幕左上角坐标是(0,0),负数表示坐标在屏幕之外，这样可以故意隐藏图片的一部分

yurui05 2009-06-16

打赏
举报

回复

background-position:0px -26px;
哦 0px表示在X轴原点，-26px表示在下26px处？我还以为表示上下0px，左右-26px ... 郁闷

CSS 中文名称层叠样式表，跟 HTML 一样都是网页制作最基础的编程语言，HTML的主要作用是构建网页，但是CSS语言的主要作用是美化网页，如我们看到网页某个元素的颜色，大小，边框，背景灯样式都是由CSS来控制的。本课程将讲解CSS语言的使用场景，基本语法，以及常用的CSS样式，如 width，height，background，position，border，margin，padding，font-size等等。

背景位置除了背景背景平铺外，CSS还提供了另一个强大的功能，即背景定位技术，能够精确控制背景在对象中的位置。默认情况下，背景图像都是从元素 padding 区域的左上角开始出现的，但设计师往往希望背景能够出现在任何位置。通过 background-position属性，可以很轻松的控制背景图像在对象的背景区域中的起始显示位置。其语法格式为：background-position: xpos ypo...

语法：background-position : length || length background-position : position || position 取值：length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位 position : top | center | bottom | left | center |

如果提供了两个值，第一个会决定距离左边缘的偏移，即水平位置；第二个值会决定图片从上边缘向下的偏移，即竖直的位置。例如： background-position:-5px 10px 则代表：背景图片向左偏移5px，向下偏移 10px ...

背景图片的各种属性： 1、background-repeat：设置图片平铺方式。有三个属性：no-repeat（图片保留自身大小不平铺）、repeat-x（图片在水平方向上平铺）、repeat-y（图片在垂直方向上平铺） 2、background-position：确定图片显示的位置。 background-position: 30px 50px; 图片在水平方向上向右偏移30px，在垂

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章