css背景怎么设置坐标，css中设置背景图像

css怎么调整背景图片的位置?

1、可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

2、height和margin-top的值可以自行调整，直到你满意的位置为止。

3、背景图片位置在CSS中有专门的属性来调整：background-position：x y；x的意思是x轴的数值、百分比，位置。y的意思是y轴的数值、百分比，位置。

4、在上面的 CSS 样式中，通过设置容器元素（.container）的 position 属性为 relative，使得子元素的定位是相对于容器元素进行的。

相关问答

Q1: css设置背景图定位的问题

你查查background-position并练习一下就知道了，背景图的两个偏移值可以用background-position： x y；表示。x是水平位置偏移，y是垂直位置偏移。你可以用坐标来理解，图片左上角的坐标就是0 0。

可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

首先将小图片整合到一张大的图片上，然后根据具体图标在大图上的位置，给背景定位。

背景图片位置在CSS中有专门的属性来调整：background-position：x y；x的意思是x轴的数值、百分比，位置。y的意思是y轴的数值、百分比，位置。

background-position：指定背景图像位置，下面是例子，这个要多练习研究就会了。

要调整背景图的渲染尺寸，需要用到background-size这个样式规则，但这是CSS3新增的，所以目前暂时没有全兼容的解决方案。

Q2: css如何获取背景图片坐标

举例：background： url(../images/qq_png) no-repeat -50px 20px；其中的-50px 表示的是图片的 X 坐标 其中的20px 表示的是图片的 Y 坐标 这些可以是绝对也可以是相对的。

如果图片想向上移 10px；background：url(images/hh.gif) no-repeat 0 -10px；} 同样 如果图片想向右移 10px；background：url(images/hh.gif) no-repeat 10px 0；} 做了个图片， 黑色框是要加背景的容器。

有一个简单的方法，通过photoshop来获取png的坐标，用正方型选择工具，从左上角，也就是X，Y坐标0位置开始托拉到你要获取的背景图片的位置，然后按F8键就会弹出当前的信息。

逻辑。按照你提供的图片中，需要使用的图标，最高高度 36px，最大宽度107px处理，进行定位。又因为你提供的数值，后面包括no-repeat和repeat-x；也就是修饰图重复与否。可以分析出你图片中需要重复的图标是哪一个类。

css背景怎么设置坐标的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中设置背景图像、css背景怎么设置坐标的信息别忘了在本站进行查找喔。