背景图+下移+css，css背景图片移动

...出来a标签的字在图片上面,增样把a标签上的字,移到图片下面...

你都说了，是背景图，那既然是背景，里面显示的内容肯定是在背景的外层显示的，要不然就不叫背景图了。如果要实现这样的效果，可以通过定位，然后设置字体 z-index： -999； 这样字体就在图片后面了。

比如我在div里面书写了一些文字，然后想要在放入一张图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的。首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

按你现在的布局，可以给padding-top，然后减去相应的高度值。但是你其实可以给a标签里放一个i（也可以是img/input），这个放背景图，然后span放文字，这样就不会有你现在的这个问题。

相关问答

Q1: 求高手帮忙指点下,预览网页时背景图像会向下移动了,如何修改css样式避免...

第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置。

注意：0px 不能省略，否则默认为x方向移动的距离。也可以设置为百分比值。

在css定义框中我们是可以看到。类型背景区块方框边框列表定位扩展。

第尝试把CSS样式中可能会发生改变的宽度及高度的准确数值改为百分比(这个可以根据屏宽和你的高度、宽度计算出来)。但有些值不可变动，比如padding...；CSS样式中有好多值是可以以“Auto”来表示的，你可以尝试一下。

步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在标签内。步骤添加一个p容器，然后命名为bg-box步骤背景全屏需要容器全屏，将bg-box的样式补全。步骤设置完毕，图片背景以及全屏了。

。首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。定义html文件的主要信息，如下图所示：然后填写自己的网页内容，设置样式，添加背景=bgcolor属性了。

Q2: css中的top下移

将要下移的DIV定义一个CSS样式，这里我以class=222为例。如下图黄色背景的DIV要下移一定量。选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。

right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。注释：如果 position 属性的值为 static，那么设置 right 属性不会产生任何效果。(内容来至w3c的css参考手册)。

您可以使用CSS中的margin-top属性来将某个图片位置往下移。

top，left，bottom和right值分别代表top，left，bottom和right的位置。 在此，只能将top属性设置为向下移动，其他设置为0，如下图所示，然后进入下一步。

css让下边框线下移的方法：打开html编辑器，新建html文件。index.html中的style标签中，输入css代码：textarea{margin-top：100px。}。浏览器运行index.html页面即可。

margin是可以取负值的。例如margin-top：30px，这是取得正值，代表头部的外边距为30像素，就是头部距离相邻元素为30px；如果取得值为负值的话，就代表元素向头部移动30px。也就是头部距离相邻元素减小30px。

Q3: DIV+CSS如何让背景下移10像素

将要下移的DIV定义一个CSS样式，这里我以class=222为例。如下图黄色背景的DIV要下移一定量。选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。

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

css中的相对定位和绝对定位也是同样的道理。

譬如你的CSS div#wrap {width：950px； padding：0 5px； border：0；} 实际wrap的宽度是960px。如果padding：0 10px呢，width就要改成940px，这样wrap实际宽度才维持960px不变。

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

Q4: 为什么css中设置了margin-top属性后,运行时背景图片会下移,如何...

margin负值下的两端对齐（主要利用了margin可以改变元素尺寸这一特性：正直变小，负值变大）由于 没有设置宽度，所以设置了 margin-right：-20px； 后，改变了它的宽度，增大了20px，变为1220px。

如下图黄色背景的DIV要下移一定量。选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。

background-position： 0px 10px； //水平方向(以左上角为原点，x方向)移动 0像素，垂直方向（y轴方向）即向下以动 10 像素 注意：0px 不能省略，否则默认为x方向移动的距离。也可以设置为百分比值。

设置logon的padding： 1px 因为logon和log_bk垂直方向的margin合并了，如果设置了logon的padding为1px就可以避免margin合并。

padding对于background-image和background-color都会起作用，都会把本身的大小给撑开。margin对于background-image和background-color本身不起作用，只是针对相邻的div有间距。

首先我们要知道margin是什么意思，margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性，是用于控制每一块元素之间距离的属性。他们是透明不可见的。

Q5: css背景图片的能位置下移??

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

您可以使用CSS中的margin-top属性来将某个图片位置往下移。

其实我是理解不了，为什么要背景下移10像素的做法的，而且是用在body上。

设置背景色的时候，不能用repeat-y这类属性，也不能用背景定位background-position，这些属性只用在背景图片的时候。还有在设置高度的时候最好不要用百分比，将样式修改一下就OK了。

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

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

关于背景图+下移+css和css背景图片移动的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。