2

我正在为一位朋友开发一个网站，但我们的初稿遇到了麻烦。基本上我只是想得到一个适合的背景图像。当我在 Dreamweaver 中测试代码时，它按我想要的方式工作，但是当我在实时站点上测试它时，背景图像不会出现在 Firefox 中，尽管当我在自己的计算机上测试时它会出现，有什么帮助吗？此外，该网站似乎在 IE 中运行良好。

现场直播：www.crookednosebeer.com

CSS：

（我认为问题出现在 css 中，当我试图 root img 时）

body{
height: 100%; 
width: 100%;
background-color: #b2b2b2;
background: url(../images/trial2.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
4

3 回答 3

2

正如@bfavaretto 评论的那样，您为要在 HTML 文件中使用的 CSS 文件设置了本地系统路径。您必须将其替换为相对于您的 WWW 根目录的 URI，以便远程客户端也可以读取它。将您的 HEAD 部分更改为：

<head>
<title>Crooked Nose</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="" />
</head>

（在 Chrome 中测试）

干杯!

于 2013-02-27T02:11:15.070 回答
0

“链接rel”区域中css的url..尝试使用链接rel="stylesheet" href="../css/style.css" type="text/css"..ahm 在chrome中尝试..

快乐的编码...

于 2013-02-27T02:17:34.470 回答
0

尝试引用网址

background: url("../images/trial2.gif") no-repeat center center fixed;
于 2013-02-27T02:06:01.707 回答