包含backgroundimageurl的词条

background-image: url();这句的作用和好处？

background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

初始背景图像（原图像）根据 background-position 属性的值放置。

background 是用于在一个声明中设置所有背景属性的一个简写属性。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

参考资料：

为什么background-image:url无法引入图片

background-image：url无法引入图片原因是没有输入路径。根据查询相关公开资料显示：引用的是外部样式表，使用该路径在当前目录下找不到images文件夹，那么也就找不到我们所想要引用的图片，如果使用background：url需要输入图片路径。

background-image:url()用法

使用简写属性时，属性值的顺序为：

background-color 背景颜色

background-image 背景图片 url( )

background-repeat 背景图片平铺

repeat 背景图像将向垂直和水平方向重复。这是默认

repeat-x 只有水平位置会重复背景图像

repeat-y 只有垂直位置会重复背景图像

no-repeat background-image不会重复

background-attachment 背景图片固定

scroll 背景图片随页面的其余部分滚动。这是默认

fixed 背景图像是固定的

background-position 背景图片定位

x% y% 第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅指定了一个值，其他值将是50％，默认值为：0％0％ |。

这两个值也可以是left,rigth和center。

xpos ypos 第一个值是水平位置，第二个值是垂直。左上角是0。单位可以是像素（0px0px）或任何其他。如果仅指定了一个值，其他值将是50％。

background-image:url(图片) 不显示。但是background:url(图片)显示，为什么。

样式里设定一下高度或者宽度

不行的话那就是background:url(images/nav-bg.gif) no-repeat 50% 100%;中的50% 100%造成的问题，你写这个就应该理解这是干什么用的，这是 background-position属性的简写，最好不要用百分比设置，设为背景位移要设定固定值，如 background-position:50px 0px;

要么就直接设置 background-position:right bottom;

还有就是检查一下背景图片的路径是否写对了，(../images/nav-bg.gif)

background-image: url()的url 怎么写？

background-image:

url(D:\MyWorkPlace\soft\skin\image\Default.gif)；

一般不建议这样存储网站文件，最好是放在项目中的Images图片文件夹内。项目中用到的所有图片资源都要放在项目目录中，不然只能在你的本地电脑浏览网页，如果发送给别人或部署在服务器端，网页会因为url找不到路径，而显示不全。

扩展资料：

CSS

background-image属性用来设置一个元素的背景图像。

元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

background-image参数值：

参考资料：搜狗百科-CSS

background-image