我在带有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服务器提供样式表。

10-05 20:40
查看更多