复制时CSS文件不同

Question

我正在尝试调整CSS file found here。

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

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

看起来像是这样：

注意它是如何开始变蓝并淡化为白色的。

但是，如果我将.css的内容复制到新文件并更改href="mystyle.css"，则会变为浅蓝色。它不会褪色为白色或任何东西：

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

任何人都知道这里可能出现的问题？！​​？

Answer 1

在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基础知识也可以帮助你。

Answer 2

最有可能发生的事情是......你复制了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并将其添加到项目中