包含在css如何写背景图片的相对路径的词条

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

CSS设置背景图片路径格式

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

通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

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

Q1: 请教使用CSS把背景图以相对位置放在浏览器右下角的方法

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

2、首先我不给div定位来看看两个div在浏览器中是如何显示的，具体的代码如下：如下图，可以看到两个div在没使用定位的情况下显示的位置，我们可以发现div是个块，自动换行了。

3、定义它的宽度为300px，高度为300px，并设置它的背景图片为png。在css标签内，再通过将background-position属性设置为“center right”，实现背景图片靠右居中。最后在浏览器打开test.html文件，查看实现的效果。

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

Q2: css怎么引用本地背景图片?

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

2、准备一个html文件和一张图片，并放在同一个文件夹里面打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。

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

4、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

5、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。第二步，新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码，具体见下面的图示，进入到下一步骤中。

6、注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。

Q3: 如何在CSS中使用相对路径让图片在DIV中以背景图片显示

1、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

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

3、一种是路径不对，你的.html文件跟JPG 是在一个文件夹下吗，如果不是的话图片肯定显示不出来。还有另外一种情况你用的是不是ie6，如果是ie6的话，确定路径正确的情况下，检查你的图片是不是完好的。

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

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

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

Q5: 这张图怎么用?好像是css里面的相对定位吧!麻烦写个案例我看看,谢谢...

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img {position： absolute；top： 100px； left： 200px；}。

2、现在这个就是内容4的位置，比如内容4是相对定位的，他就该出现在内容4这个位置。就是说这个位置是它的起点，如果将top设为40px那他就出先在它该出现的位置（内容4）顶部以下40px的地方。

3、CSS Sprites图片顺序合图片由上至下、左至右添加。而background-position一般采用数字组合形式定位，这样能减少维护带来的不必要麻烦。不建议CSS Sprites图片中保持一定的间距，因为文件size增大而增加文件体积。

4、首先回答一楼的问题：将父容器相对定位，然后将#left的left设置为0可以解决这个问题。

5、用CSS的背景定位就OK了。比如 background：url(../images/ico.png) no-repeat -20px -100px；如果ico.png就是你给的这张图的话，那么这个背景图片的显示位置就是从这张图的横坐标左移20px.纵坐标上移100px处开始。

6、各种浏览器的CSS兼容确实很讨厌，耐心一点吧，呵呵不是样式没调整好。我说的接缝是指的两个图片衔接处有肉眼可见的色差，应该就是切片时候产生的自动切片有时候是会有点问题。

在css如何写背景图片的相对路径的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、在css如何写背景图片的相对路径的信息别忘了在本站进行查找喔。