时间戳

首页 > 解决方案 > 上传后不显示 div 的背景颜色

html - 上传后不显示 div 的背景颜色

问题描述

我对为特定文本块添加新 div 的代码进行了一些更改。在 Chrome 中查看 HTML 文件时，它显示完美。但是一旦我将它上传到我的网络托管服务，我发现它显示没有那个 div 的背景颜色（并且只有那个 div）。但是，似乎在我的手机上使用 Chrome 可以正确显示。我目前同时打开了网站本身和 HTML 文件，但无法弄清楚这是怎么发生的。

div 的 CSS 不起作用：

#indexbar {
    background-color: rgba(176,224,230, 80%);
    border-radius: 25px;
    position: fixed;
    bottom: 0;
    width: 90%;
    margin: 0 5% 0 5%;
}

用于 div 工作的 CSS：

#main {
    padding: 0em 1em 0em 1em;
    background-color: rgba(176,224,230, 80%);
    border-radius: 25px;
    margin: 0 5em 0 5em;
}

编辑：为损坏的代码添加了 HTML

<div id="indexbar">
<h4><a href="portfolio.html">PORTFOLIO</a> | <a href="resume.html">RESUME</a> | <a href="about.html">ABOUT</a></h4>
</div>

标签： htmlcssgoogle-chrome

解决方案

您确定您的 CSS 正确链接到您的 HTML 吗？否则尝试用 0.8 替换 80%

推荐阅读