我在带有css的html网站的记事本上写了这个示例代码,但是这对于Mozilla(版本49.0.etc)不起作用,而它在IE,Chrome和Opera上工作。如果我在FF上启动它,调试器说" CSS没有错误"但它只显示HTML代码。 有人知道如何解决它吗?
这里有我的网站在本地路径上的代码(html和CSS):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd>
<html lang="it">
<head>
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="iso-8859-1">
<title>Site</title>
<style type="text/css">
</style>
<link href="C:/Users/Dean/Desktop/Site/File/file1.css" rel="stylesheet" media="all">
</head>
<body class="sub">
<div class="alt">
<h1>Text here</h1>
</div>
</body>
</html>
这里有CSS文件属性:
.sub{background-image:url("../image/bg.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}
.alt {background-color:hotpink;
box-align:right;
border-radius:10px;
}
.set {font-size:12px;
color:white;
}
答案 0 :(得分:0)
我认为这是因为您的样式表是通过非标准file
协议(href="C:/Users/Dean/Desktop/Site/File/file1.css"
)链接的。根据我的经验,Firefox通常比其他浏览器更符合标准。
我假设这就是为什么你的例子在其他浏览器中工作,而不是在FF中。尝试使用HTTP服务器提供样式表。