1

我有一个奇怪的问题。我实际上在插件 jquery.colorbox.js 上工作。我的程序的目的是显示一个简单的 html 页面，其中包含指向显示图像的颜色框的链接。问题来自与css文件的链接。如果我把 URL href="colorbox.css" 它完美地工作，但是有了这个 href="css/colorbox.css" 动画似乎很好，但没有背景，颜色框只是一个带有图像的白色方块正确显示在其中心。但是所有酷炫的效果都不存在。

我的主项目文件夹中有 3 个文件夹以及 index.html 和文件 colorbox.css 的副本：

文件夹图像：palmiers.jpg
文件夹 css：colorbox.css
文件夹 js：jquery.min.js jquery.colorbox-min.js

文件：colorbox.css
文件：index.html

下面是 index.html 文件的内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <title>ColorBox Examples</title>
        <style>
            body
            {
                background-color:#666;
            }
        </style>
        <link rel="stylesheet" media="screen" type="text/css" href="css/colorbox.css"/>
        <script language="javascript" src="js/jquery.min.js"></script>
        <script language="javascript" src="js/jquery.colorbox-min.js"></script>
        <script>
            $(document).ready(function(){
                $("#image").colorbox({width:'500', height:'500'});
            });
        </script>
    </head>
    <body>
        <p><a id="image" href="images/palmiers.jpg">link to the lightBox</a></p>
    </body>
</html>

所以如果我改变这行代码：

<link rel="stylesheet" media="screen" type="text/css" href="css/colorbox.css"/>

经过 ：

<link rel="stylesheet" media="screen" type="text/css" href="colorbox.css"/>

颜色框显示正确。但我想将我所有的 css 文件放到 css 文件夹中。为什么当我更改链接时我有两种不同的行为？这两个 colorbox.css 文件完全相同。

有人可以帮助我吗？提前感谢您的回答。

4

3 回答 3

0

不确定这个问题是否真的与您的任何标签有关，这更像是一个简单的参考问题。

您可以通过在路径前加上一个字符来指定“绝对”路径，前提/是您的“css”文件夹是根目录文件夹，那么这应该可以工作......

<link rel="stylesheet" media="screen" type="text/css" href="/css/colorbox.css"/>

没有/前缀，您实际上是在声明“相对”路径，这意味着完整路径将从当前目录开始（即当前文件所在的任何位置）

于 2012-06-12T09:16:38.137 回答
0

你看到的是插件没有找到它自己的图像资产（不是你的图像）的结果。

ColorBox 自己的 CSS 文件是指它使用的图像资源。它假设这些资产将存储在哪里。要使用任意位置，您需要编辑 ColorBox 自己的 CSS 文件以使用该位置。

于 2012-06-12T16:42:18.323 回答
0

尝试使用您的项目 url 在 head 标签内添加基本标签，例如：

<head>
<base href="http://your_site_url" />

不确定，但这可能会有所帮助

于 2012-06-12T09:12:57.703 回答