❶ CSS设置背景图片路径格式
.a{background-image:url(图片路径)}
图片路径可以是绝对路径、根相对路径和文档相对路径
绝对路径是包括服务器协议的完全路径,比如“网络主页”,完全路径为:http://www..com/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。
相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。
根相对路径(也称相对跟目录)的路径以“/”开头,路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点,这时“/index.htm” 路径,就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件,这样即使站点中的文件被移动了,其链接仍可以生效。
文档相对路径就是指包含当前文档的文件夹,也就是以当前网页所在文件夹为基础开始计算路径。比如,当前网页所在位置为 D:\myweb\mypic,那么:
“a.htm”就表示 D:\myweb\mypic\a.htm;
“../a.htm”相当于 D:\myweb\a.htm,其中“../”表示当前文件夹上一级文件夹。
“img/a.gif”是指 D:\myweb\mypic\img\a.gif,其中“img/”意思是当前文件夹下名为 img 文件夹。
文档相对路径是最简单的路径,一般多用于链接保存在同一文件夹中的文档。
换成图片路径也是 一样的道理
❷ 如何在css使用绝对路径的图片做背景
使用CSS background-image 属性即可达到要求。
对浏览器支持:所有浏览器都支持 background-image 属性。
定义和用法:
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
详细说明:
background-image 属性会在元素的背景中设置一个图像。
根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。
初始背景图像(原图像)根据background-position属性的值放置。
可能的值:
url('URL') 指向图像的路径(相对/绝对路径均可)。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。
案例:
body
{
background-image:url(bgimage.gif);
background-color:#000000;/*建议设置背景色*/
}
该路径可以设置为绝对路径,即:background-image:url(http://xxx.com/img.jpg);注意事项:
A、任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
B、请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
❸ 怎样设置CSS背景图片路径
background:url(../images/img.jpg);url里面就是背景图片路径了,img.jpg是文件名,images是文件夹的名字,..是上级目录
❹ CSS如何添加背景图片
通过css:background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据background-position属性的值放置。
(1)相对的文件位置:
(4)css背景图片url扩展阅读:
background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
❺ css添加背景图片无法显示
您好,最好确认下你的css是不是在本页面中 如果是存在在别的css文件中,路径是会存在问题的 ,其他属性可以实现,说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用
还有你在本页你试一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
这样能显示的话就代表你原来的的确是css路径问题。
如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。
❻ 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就起不到作用,若果加了还不能显示就是路径的问题了。
❼ CSS的背景图片url怎么设置
要是不会写,就直接背景图片浏览就行了
代码就是:#nav ul { background-image: url(../ly_img/navbj.jpg); }
❽ 使用css的background:url设置背景图方法
设置背景图的方法一般是使用css的background:url来实现的,下面有个示例,大家可以参考下
复制代码
代码如下:
html,body
{
margin:0;
padding:0;
height:100%;
font-family:"Times
New
Roman"
/**/
background:url(images2/bg2m.jpg);
}
❾ 为什么我在css中设定的背景图片在浏览的时候不显示
图片路径的问题。
1、图片和网页放在同一目录下:background-image:url("图片.jpg"。
2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。
3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。
(9)css背景图片url扩展阅读:
注意事项
注意::在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文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
❿ 请问在css中 要插入背景图片 url地址应该怎么写
对应的相对路径这个url是指当前包含CSS的文件 统计目录的 文件夹 i 的 eg_bg_04.gif 图片