CSS 无法在 Internet Explorer 中加载

问题描述 投票:0回答:6

所以我正在练习 HTML 和 CSS 并做一些简单的事情,例如更改 CSS 中的背景颜色。问题是,当我在 Internet Explorer (IE 11) 中加载页面时,没有显示任何更改。为了进一步测试这一点,我在 Goggle Chrome 中加载了我的页面,它按预期显示了该页面。

这种情况已经发生过几次,我尝试确保删除了 Internet Explorer 中的缓存,确保我正在编辑正确的文件并且 CSS 样式代码位于同一目录中。我确定我执行了 Crtl + R / Crtl F5 刷新,但它不起作用。但奇怪的是,在过去加载几次后,我不需要做任何其他事情就可以工作。

这是我想要展示的内容:

HTML 文件:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Lesson 12 - Fun With CSS Selectors</title>
  <link type="text/css" rel="stylesheet" href="styles.css" media="all">
</head>
<body>

<h1>Title of the page</h1>

<p>Lorem ipsum dolor sit amet ultricies. Nunc at aliquet nunc.</p>

</body>
</html>

CSS 文件:

h1{
    font-size: 30em;
    font-weight: heavy;
    font-color: red;
    line-height: 10px;
}

body{
    background-color: red;
}

h1 标签中的字体颜色不会改变(可能是因为你不这样做),但 Google Chrome 中的背景颜色以及字体大小会发生变化。在资源管理器中,它仍然是一个白色页面,H1 标签内容未更改。有人对可能发生的事情有任何想法吗?

更新:

截至目前,当我在 Internet Explorer 11 中加载页面时,它现在已经更改了 CSS 样式,但我没有任何更改!我刚刚再次打开它...任何人都可以解释发生了什么事吗,因为这种情况已经发生过多次

html css internet-explorer web
6个回答
3
投票

根据您的评论,似乎您的问题是在 IE 中缓存。

您可以尝试指示浏览器不要使用某些 META 关键字进行缓存,例如

pragma
expires

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1"/>

看看这篇文章 - 所以你不想缓存,是吗?

这个问题建议使用这个跨浏览器解决方案:

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

希望这有帮助!


1
投票

我们在使用 Internet Explorer 11 时遇到了这个问题,这很奇怪,但如果您将样式表重命名为不带“样式”一词的任何名称,它将开始工作!

只有在本地访问文件时才会出现这种情况,在网络服务器上似乎工作正常


0
投票

font-color
替换为
color
。并尝试内联
<style>body {background-color:#FF0000;} </style>
看看样式表是否未正确加载。


0
投票

我不知道是否还有人追查这个问题,但我也遇到过他们。我正在开发一个 Django 应用程序。我的 CSS 文件“style.css”正确加载(至少 google chrome 的检查员告诉我这一点),但对我的页面没有任何影响。我花了很多时间才弄清楚,正如 RayLau135 上面提到的,你必须将 CSS 文件重命名为不带“样式”的名称。当然,这不是一个解决方案,但确实是解决这个问题并节省大量时间和精力的变通办法。


0
投票

就我而言,同样的问题是由 NTFS 的备用数据流引起的。

如果您的 HTML 文件是从某处下载的,并且具有 Zone.Identifier 作为备用数据流,则它拒绝加载本地生成的没有/不同 Zone.Identifier 的 CSS/JavaScript 文件。

https://blog.malwarebytes.com/101/2015/07/introduction-to-alternate-data-streams/

您可以手动或通过streams命令删除这些数据。

https://learn.microsoft.com/ja-jp/sysinternals/downloads/streams


0
投票

就我而言,html/css 文件位于 google 驱动器目录内(我正在使用虚拟驱动器模式),将文件移到外部即可立即工作。

© www.soinside.com 2019 - 2024. All rights reserved.