将 IMG 添加到 div 会更改背景颜色

Question

我在网站上进行了很好的搜索，但找不到对这个问题的引用，而且以前没有发生在我身上的事情。

通过更新 css 重新设计我的网站。测试站点在这里：

http://www.thesadsongco.com/new_index.php

CSS 在这里：

http://www.thesadsongco.com/includes/styles/tssc_17.css

我正在Chrome 61.0.3163.100和适用于OSX的Safari 11.0上查看。

除了一些东西样式hr之外，唯一具有背景定义的元素是正文，因此背景图像可以通过所有包含内容的div显示，并且它与文本一起工作。但是，一旦我将图像添加到任何div，它就会选择背景颜色。可以在页脚的new_index.php上看到，但在这里更明显：

http://www.thesadsongco.com/news2017.php

我错过了什么？

Answer 1

更改位置：绝对; 到位置：固定; 在正文：：下课后像这样。

 body::after {
content: "";
background-image: url(../../media/2017/web_resources/images/worth_page_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 40%;
opacity: 0.5;
filter: alpha(opacity=50);
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: -1;
}

希望这个帮助