HTML/CSS图像分割器/分隔器覆盖/方法？

我已经把CSS示例和HTML弄得一团糟，足以创建一个圆滑（在我看来）的网站。我有两个CSS（section）的背景图像，它们都调用我的styles.CSS文件中的元素，将它们的背景颜色设置为黑白。但是，我想在这两个部分之间有一个图像分割器

我看了像这样的文章 这对我没有帮助

我试过这个方法，但没有结果，我试过这个方法 “div类” 方法，我的图像出现了！然而，它被我的另外两个背景/部分所覆盖

我如何将图像放置在两个部分背景色分离的中间位置，以及如何使其与两个部分/背景重叠

让我用ASCII艺术画出我想要的样子

www

1）您可以创建一个div来包装2部分和图像分割器，并设置为相对位置

2） 将你的类万圣节设置为绝对位置，顶部0、底部0、左侧0、右侧0、边距自动和z索引10应该可以

我想应该可以。不确定这是否是你想要的

如果您可以将代码放入codepen或jsfiddle中以备将来的问题，那就太好了。

这必须起作用：

.Halloweeny{ 
         height:100px;
         width: 100 % ;
         background: url('/images/halloween.png') no-repeat center center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }

---

你的两个答案都没有让我做对，然而，Joel Bonet Rodriguez用他的代码片段帮了我最大的忙

我四处询问，从我的一个朋友那里得到了答案，他制作了一个JSFIDLE供我复制

CSS:

。万圣节：之前{
内容：“；
位置：相对位置；
顶部：-79.5px；
显示：块；
高度：185px；
宽度：120%；
背景：url（'/images/halloween.png'）中心；
-webkit background size:cover；/*发布您尝试过的现有代码（即使不起作用）会比发布ASCII艺术好得多。好的，编辑。谢谢，@Jonathan。
....

</section>

<div class="Halloweeny"></div>

        <!-- Image section -->
        <section class="image-section red" id="image-section">

.....

.Halloweeny{ 
         height:100px;
         width: 100 % ;
         background: url('/images/halloween.png') no-repeat center center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }

 /*   Here is my final code, that works. */

.Halloweeny:before {
        content: "";
        position: relative;
        top: -79.5px;
        display: block;
        height:185px;
        width: 120 % ;
         background: url('/images/halloween.png') center center;
        -webkit-background-size: cover;  /* <--                        */
         -moz-background-size: cover;   /* <-- I'm not sure these do  */
         -o-background-size: cover;    /* <-- anything at all        */
    }

<section class="image-section red back Halloweeny" id="image section">