因此，我正在练习HTML和CSS，并执行一些简单的操作，例如更改CSS中背景的颜色。问题是，当我在Internet Explorer（IE 11）中加载页面时，不会显示任何更改。为了进一步测试，我在Goggle Chrome中加载了我的页面，并按预期显示了页面。CSS无法在Internet Explorer中加载

这发生了几次，我试图确保我删除了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标签更改（可能是因为而不是你如何做到这一点），但谷歌浏览器中的背景颜色以及字体的大小发生了变化。在资源管理器中，它仍然是H1标签内容不变的白页。有没有人对可能发生的事情有任何想法？

UPDATE：

截至现在，当我现在载入我的网页在Internet Explorer 11现在已经从CSS样式的变化，但是我什么都没有改变！我只是再次打开它......任何人都可以解释发生了什么，因为这已经发生了多次

来源

2014-02-08 user3287645

您是在本地还是在服务器上构建？ – David

通常情况下，浏览器会缓存CSS文件以加快页面加载速度，并且需要一分钟时间才能意识到CSS文件已更改。您可以通过将随机GET变量附加到URL的末尾来解决此问题。 'file.css？24798210' – David

我在本地运行。所以谷歌浏览器更快地更新了CSS的缓存，这就是与IE相比立即生效的原因。有没有为什么要在浏览器中改变它，或者这是一个代码更改？ – user3287645

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

来源

2014-02-08 16:57:10 Fven

谢谢您的建议！颜色很好。 – user3287645

根据你的意见，似乎你的问题是缓存在IE浏览器。

您可以尝试指示浏览器不要缓存一些META关键字，如pragma和expires。

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

本文看一看 - So you don't want to Cache, Huh?

这question这表明使用这种跨浏览器的解决方案：

<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" />

希望这有助于！

来源

2014-02-08 17:13:57 Yani

我们在Internet Explorer 11中遇到了这个问题，这很奇怪，但如果您将样式表重命名为没有“样式”一词的任何东西，它就会开始工作！

这只是个案，当本地访问该文件，在Web服务器上它似乎做工精细

来源

2014-07-11 15:28:44 RayLau135

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

来源

2017-05-15 22:40:14 Texas

CSS无法在Internet Explorer中加载

UPDATE：

回答

相关问题