0

我正在尝试调整此处找到的 CSS 文件。

当我使用文档中的以下代码将其包含在我的网站上时.html：

<link media="all" rel="stylesheet" type="text/css" href="http://dreamhost.com/wp-content/themes/dreamhost/style.css" />

它看起来像这样：

在职的

注意它是如何从蓝色开始逐渐变为白色的。

但是，如果我将其内容复制.css到一个新文件并更改href="mystyle.css"，它会变成纯蓝色。它不会变成白色或任何东西：

不工作

我对CSS一无所知，所以我打算用它通过小的修改来学习。但是，我无法弄清楚为什么通过将代码复制/粘贴到文件中没有得到相同的结果。

有谁知道这里可能出了什么问题？！？

4

2 回答 2

2

在 CSS 文件中，您有：

background:#bfd6ee url(images/bg-body.gif) repeat-x;

它正在尝试查找文件images/bg-body.gif，但如果找不到该文件，则会#bfd6ee显示（蓝色）的纯色背景。您需要复制images/bg-body.gif到相对images目录中以获得渐变外观。

另外，请注意，此 CSS 文件还引用了其他几个文件：external.png、bg-soft-light.png、bg-input.gif 等。如果您希望使用此样式表中的其他样式，您可能会遇到类似的问题。有时，主题只有一个 ZIP 文件，其中包含所有依赖项，您只需将其解压缩到 Web 服务器上，一切就可以正常工作。但是，学习一些 CSS 基础知识也会对您有所帮助。

于 2013-07-22T22:31:16.623 回答
0

最有可能发生的事情是......您将包含默认（如果未找到或无法显示）渐变的图像的 CSS 文件复制到您在第二个示例中显示的蓝色。

当您复制 css 文件但不包含图像时......它默认为蓝色。

回到那个源并找到它引用的 CSS 图像并添加它，确保路径等是正确的

body {
    color:#333;
    font:13px "Lucida Sans Unicode","Lucida Grande", Helvetica, Arial, sans-serif;
    min-width:1002px;
    background:#bfd6ee url(images/bg-body.gif) repeat-x;
}

所以获取图像：images/bg-body.gif 从源代码并将其添加到您的项目中

于 2013-07-22T22:31:42.410 回答