我在带有css的html网站的记事本上编写了此示例代码,但是在IE,Chrome和Opera上却无法在Mozilla(version49.0.etc)上运行。如果我在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;
}
最佳答案
我认为这是因为您的样式表是通过非标准的file
协议(href="C:/Users/Dean/Desktop/Site/File/file1.css"
)链接的。根据我的经验,Firefox通常比其他浏览器更符合标准。
我假设这就是为什么您的示例可以在其他浏览器中运行,而不是在FF中运行的原因。尝试使用HTTP服务器提供样式表。