图片路径的问题。
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;
}