css中背景图片绝对路径 背景图位置css

CSS设置背景图片路径问题

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

2、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

3、现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

4、“img/a.gif”是指 D：\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。

5、body{ background-image：url(jpg)；background-attachment：scorll；background-repeat：no-repeat；background-position：top left；} 可以看到背景图片出现的位置在浏览器的左上角，这个和默认的设置是一样的。

6、url(URL) 指向图像的路径（相对/绝对路径均可）。none 默认值。不显示背景图像。inherit 规定应该从父元素继承 background-image 属性的设置。

相关问答

Q1: 如何用css使一个用绝对定位的图片定位在网页一个具体位置,不随网页大小...

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

2、如何用css精确定位小图片的位置 首先设置固定图片的css属性是background-attachment background-attachment它有两个属性值fixed/scroll background-attachment：fixed；表示固定图片，图片不随着页面滚动而滚动。

3、图片体积也小了，浏览器解释起来也快一些。代码科学规范。不同的写法可能会有不同的效果，也会造成元素移位。比如明明设置了margin-top：10px却不起作用，这就跟上下文的写法相关。这个具体要看情况，不好作出说明。

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

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

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

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

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

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

Q3: 怎样设置CSS背景图片路径

1、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

2、现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

3、- 背景图片路径与CSS文件路径相对应，如上面代码中的图片路径是相对于CSS文件的路径。- 网络图片也可以作为背景图片，只需使用图片URL即可。- 可以设置背景图片的重复方式、位置、大小等属性，具体可参考CSS的background属性。

4、body{ background-image：url(jpg)；background-attachment：scorll；background-repeat：no-repeat；background-position：top left；} 可以看到背景图片出现的位置在浏览器的左上角，这个和默认的设置是一样的。

5、“img/a.gif”是指 D：\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。

6、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background-image： url(img/image.jpg)}。

Q4: 网站页面导入css,图片等文件的相对路径和绝对路径问题

. 代表当前所在目录， 相对路径 。如：文本或；.. 代表上一层目录， 相对路径 。如：文本或；../../ 代表的是上一层目录的上一层目录，相对路径。 如：；/ 代表根目录， 绝对路径 。

给你比较专业的回答 用相对路径的话，对整个工作流程要省很多事 用绝对路径的话，工作麻烦，但是对搜索引擎友好。

．HTML相对路径指由这个文件所在的路径引起的跟其他文件（或文件夹）的路径关系。

其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

空白的div默认状态下其高度是0的（宽度则是100%），而背景图片是不会把div自动撑大的，所以如果你想在div中显示背景图片（Background-Image），必须给div指定一个高度，否则是看不到效果的。

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