为什么即使我更改了CSS样式表中的background-color属性,我的.php网页背景颜色也没有改变?

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

我有一个 home.php 文件和一个 styleSheet.css 文件,它们并置在同一目录级别。在 .css 文件中,我曾经定义了以下背景颜色:

body {
    background-color: #b0e0e6;
}

并且与

<link rel="styleSheet" href="./styleSheet.css">

在home.php中,正确的颜色出现在home.php主页中。后来我想把颜色改成别的颜色:

body {
    background-color: #8e3672;
} 

但主页的背景颜色保持不变。我右键单击页面,转到“查看页面源代码”,然后单击源文件中打开 styleSheet.css 的链接,在其中我看到背景颜色仍然是#b0e0e6。

我已经验证了我的 home.php 代码,以确保其中没有其他地方定义背景颜色(我知道对于 CSS,有一个优先级,具体取决于定义 CSS 属性的位置)。另外,我刷新了网页也没有用。所以这对我来说很奇怪。

php css background-color
3个回答
1
投票

我遇到了同样的问题,已解决。

如果您使用的是 Chrome,而不是右键单击重新加载按钮并选择硬重新加载,这应该可以解决问题,或者如果您使用的是 Firefox,只需使用 Ctrl + F5。

如果问题仍然存在,请清除历史记录:

  1. 在 chrome 上选择“高级”并选择每个选项并清除它,重新打开浏览器并加载您的页面,这应该可以修复它。

  2. 在 Firefox 中按 Ctrl + Shift + Delete,然后在“要清除的时间范围:”中选择“所有内容”。


1
投票

听起来您的浏览器正在缓存旧版本的 css 文件。

在 home.php 文件中,更改创建样式表的行以包含随机时间戳,迫使浏览器重新加载它。例如:

<link rel="styleSheet" href="./styleSheet.css?t=<?php echo round(microtime(true)*1000);?>">

我建议您在页面投入生产后仔细考虑是否需要这样做。


0
投票

我认为这是因为浏览器缓存。 尝试刷新它(在 Chrome 中按 ctrl + shift + i,“网络”选项卡,选中“禁用缓存”并刷新页面)。

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