Html css线性梯度背景问题

我试图创建一个页面，在页面的插入部分下面有一个线性渐变背景，它不应该显示渐变颜色。在下面的示例中，插图的顶部部分的行为符合要求，颜色保留在背景中。但由于某种原因，它下面的部分被

背景：线性梯度
渗透

我不明白为什么：


*{
框大小：边框框；
}
身体{
保证金：0；
填充：0；
最大宽度：100%；
字体系列：无衬线；
线高：1.5；
}
.插入容器{
背景：线性渐变（橙色、黑色）；
}
.插图{
最大宽度：80%；
保证金：自动；
}
.柱顶{
/*消除了第一列顶部的边距，因此所有列的高度都相等*/
边际上限：0；
}
.栏目{
列数：2；
柱间距：40px；
垫底：20px；
右边填充：80px；
}
.目录{
字号：18px；
填充底部：40px；
填充顶部：20px；
右侧填充：30px；
左侧填充：50px；
}
.articleBasic{
填充底部：40px；
填充顶部：20px；
右侧填充：30px；
左侧填充：50px；
}
/*ID格式*/
#内容{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
背景色：白色；
}
#安全{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
边缘顶部：2倍；
}

梯度试验
包括在本月的通讯中：
-找出谁在本月支付该账单-安全第一

-解决问题的方法是什么？分裂者弄乱了你的头？阅读此焊剂提示以获得澄清

-嘿，我的地图在分区查看器中是空白的！你做错了

-为什么所有的酷东西都要送到服务部

-那个柜子里还能装多少

-SASQ观察，因为大鸟被抓走了

-初始化……这是个内部笑话！你会晚一点拿到还是会？只要阅读这篇文章，就可以快速了解新仪表

-你好，你好，你好！可以和大家一起分享！把你的照片寄给我们

我的一些配戴眼镜的同事可能不知道康卡斯特将为您的处方安全眼镜完全覆盖而支付费用！我最近意识到了这一点，并想与大家分享。根据我们的ComcastNow
在视觉福利SPD网站：戴维斯视觉将支付100%的费用，VSP-安全视觉眼镜（仅限员工）支付20美元后100%的费用$75帧津贴。这对我们所有人都有帮助，因为我们要努力穿两套衣服
戴上眼镜，以便在野外工作时能够看到并遵守OSHA。有关这一巨大好处的更多信息，请访问
我想澄清一下，你是说安全第一的区域也应该有白色背景吗？因为你没有在CSS中设置白色

您缺少
#Safety
id的background color属性

#Safety{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 margin-top: 2px;
 background-color: white;
}