css取背景图上某个位置，css指定背景图片

div+css中如何在背景图中指定位置控制按钮位置?

1、想要固定div在网页中指定的位置，可以加一个CSS属性：div{ position：absolute；//绝对定位，这个是随页面走动的，可以换成fixed，不随页面走动。

2、如果设置div为static postion， div的位置将不受top，right，left，button等变量的影响，而是按照正常的页面布局进行排版。

3、控制其位于容器的水平居中，容器底部的位置。bottom：10px；控制图片距离底部10px，left：50%、margin-left：-60px；控制图片水平居中。其中的margin-left的值根据图片宽度变化，为负的二分之一图片宽度。

4、要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

5、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

相关问答

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

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

HTML文件用CSS控制定位的坐标相当于你打开附件看到的样子，不过没有显示出来而已。当然附件只画出在绝对定位情况下 width： 1000px； height： 1000px； 的坐标，更大范围的坐标没有画出来。下载附件，然后打开就有了。

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

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

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

1、bottom left 设置背景图案出现在下左方。bottom 设置背景图案出现在正下方。bottom right 设置背景图案出现在下右方。

2、使用CSS的background-size属性来调整背景图的大小，以适应元素的高度。可以使用值为cover或contain来保持背景图的宽高比例，同时填充或适应元素的大小。

3、第一步，打开前端开发工具，然后创建一个新的html代码页，见下图，转到下面的步骤。

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

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

6、CSS中定位背景图片的属性是：background-position，用法background-position 属性设置背景图像的起始位置。

Q3: Css中把图片某个位置用来作为背景是怎么实现的。

1、background：url(12gif) x坐标 y坐标；后面还可以添加X轴、Y轴重复（意思是横向、纵向铺满），或者禁止重复。repeat-x、repeat-y、no-repeat 但无法具体指定仅图片中的某一炬形区域，只能是指定从图片的某一坐标开始。

2、主要是图片的定位和div的定位问题。设图片起点坐标是(0， 0)，图片高和宽为100px，则图片右下角坐标为(0， 0)；div起点坐标是(0，0)，div高和宽为70px，边框分别为 10，20， 20， 10 。

3、创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。具体的样式入下图所示：我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。

4、默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。详细说明：background-image 属性会在元素的背景中设置一个图像。

Q4: 能否在CSS中指定背景图片中的某一块区域作为背景?

1、但无法具体指定仅图片中的某一炬形区域，只能是指定从图片的某一坐标开始。

2、div起点坐标是(0，0)，div高和宽为70px，边框分别为 10，20， 20， 10 。

3、哦，我明白你说的意思了，你用的应该是一张图片，你想用图片的一部分作为背景图片，实现一些动态效果吧，比如鼠标移动到上面变换背景图吧。

4、CSS Sprites图片中把颜色较近或相同的组合在一起可以降低颜色数，因为少色数的图片文件体积会相对的小。size相同的CSS Sprites图片中留有较大空隙，某程度上多数情况会增大了体积，所以CSS Sprites的图片不要有空隙。

css取背景图上某个位置的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css指定背景图片、css取背景图上某个位置的信息别忘了在本站进行查找喔。