我的标题有一个透明的背景（？），即使我已经声明了背景颜色，我该如何解决这个问题？

Question

我通过创建一个模拟投资组合网站来练习我的HTML / CSS，并且正如标题所述，当我需要它作为纯色时，我的标题元素似乎具有透明背景。向下滚动页面，将标题移到TEST上时，您可以看到透明度！段。

JSFiddle：https://jsfiddle.net/ff557x6k/

(below is a Dropbox file containing my CSS)

CSS：https://www.dropbox.com/s/5610p9a5vkjyrcy/main.css?dl=0

（另外，如果你浏览我的代码并且有时间我想知道是否有什么我可以做得更好，如果有什么我做错了，或者如果有某个地方我可以灌输更好的编码实践。）

Answer 1

没有宣布背景

#header {
    width: 100%;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  background:#ccc;
    border-bottom: 2px solid black;
}

在上面的代码中我给出了背景，并且它的工作正常检查这个小提琴

https://jsfiddle.net/yudi/ff557x6k/2/

Answer 2

实际上，你觉得那个人是透明的。但事实并非如此。它是一种灰色。所以如果你想要黑色标题，你只需用黑色替换你的颜色代码。

Answer 3

你应该在background上设置#header ..就像这样：

https://jsfiddle.net/ff557x6k/1/

Answer 4

为了更好地管理您的网站，我建议您不要将您想要的图片放在桌面上，并创建一个链接，如果想要将网站放在互联网上，这些链接会变化很长且无用。

在您的计算机上创建一个文件夹，您的主文件夹将调用它＆＃34; myProtfolio＆＃34;在文件夹里面放一个图像文件夹，css，javascript等html页面都可以没有文件夹。 你可以在下面的图片中看到它的外观。

当您放置src图像时，您可以编写类似

的内容

<img src="../images/the_name_of_the_pic.jpg"/> 

而不是你写的长链接。你将使你的文件井井有条，易于定位。

你需要通过（页眉，页脚，导航）等部分组织你的css，以及包括字体和颜色在内的所有css样式。

如果您对多个html元素（如字体）具有相同的CSS样式，而不是为许多元素提供相同的字体系列，则可以为body元素提供所需的字体系列，其他元素将继承相同的字体系列

you can read more on Inheritance in the link

Answer 5

它不是透明的。标题的z-index值比您在其上滚动的文本的值低，这使标题具有透明的外观。

为标头提供z-index值9001以解决此问题。