css中url的路径问题?

html-css010

css中url的路径问题?,第1张

我想你应该是不太熟悉css中的相对路径和绝对路径:

"." 代表当前所在目录,相对路径。如:<a href="./abc">文本</a>或<img src="./abc" />;

".." 代表上一层目录,相对路径。如:<a href="../abc">文本</a>或<img src="../abc"/>;

"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;

"/" 代表根目录,绝对路径。 如:<a href="/abc">文本</a>或<img src="/abc"/>;

"D:/abc/" 代表根目录,绝对路径。

在使用相对路径时,我们用符号“.”来表示当前目录;用符号“..”来表示当前目录的父目录。

所以,这里应该是background:url(../../images/bgs/backg.png)0 -418px repeat-x

应该是你路径写的方式不对,这么着吧,教你一个以后不容易出错的方法,你用Dreamweaver写代码的话,就用这个软件的提示功能选择图片,当然最重要的不是这里,而是你要创建一个站点,

步骤:站点》新建站点》编辑文件(随意,可直接下一步)》测试文件(选否)》选择源文件路径(选择包含images文件夹的文件夹就行)》共享文件(选择无)》完成

设定站点之后,以后不管是插入还是选择背景图片的时候,至少不会出现路径错误的问题

回过头来,先把你这个路径问题解决了,你试试(../../images/logo.gif)或者(../images/logo.gif)或者在前面加下website

引用是用link标签进入的CSS文件。所以可以直接修改link的href就可以修改CSS的链接路径了。下面是个小例子:

<link href="../base.css" type="text/css" rel="stylesheet" id="link1" />

<title>无标题文档</title>

</head>

<body>

<div style="width:100pxheight:100pxborder:1px solid #ccc"></div>

</body>

<script>

var oLink = document.getElementById('link1')

oLink.href = '../../aaa.css' //这样就把link的链接修改为'../../aaa.css'了。

</script>

</html>