当前位置:首页 » 背景图片 » css背景图片少了url
扩展阅读
图片编辑配电脑 2024-09-24 11:08:31
表情包图片下载哪个好 2024-09-24 10:48:05

css背景图片少了url

发布时间: 2024-09-24 08:05:46

A. 为什么我在css中设定的背景图片在浏览的时候不显示

图片路径的问题。

1、图片和网页放在同一目录下:background-image:url("图片.jpg"。

2、行吵图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。

3、图片放在一个image目录下,并且image目录和网档羡侍页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。

扩展派唤资料:

注意事项

注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。

B. css定义了背景图片url正确 但执行后显示不出来

<!--
body{background-image:url(file:///C|/Users/hp/Desktop/09级网页设计与制

作课程设计(2)/第二部分 CSS/素材二/bg.jpg) background-position:100% 100% no-

repeat}

-->
CSS/素材二/bg.jpg)与 background-position之间没加分号,所以background-posit之前的CSS就起不到作用,若果加了还不能显示就是路径的问题了。

C. 请问在css中 要插入背景图片 url地址应该怎么写

对应的相对路径这个url是指当前包含CSS的文件 统计目录的 文件夹 i 的 eg_bg_04.gif 图片

D. 在css的div中设置背景图片后背景图片下移如何解决

更新class样式

.content{
margin:50pxauto;
height:80px;
background:url(http://static-cdn.dianrong.com/store/dist/images/range_banner.png)topno-repeat;
}


or更新form的style

.form{
margin:0;
padding:0;
}