Html 不使用视差前后的CSS

我正在尝试在我的div元素之前和之后应用它，它是一个视差元素

<div id="OurPhilosophy" class="parallax-window" data-parallax="scroll" data-image-src="https://cdn6.bigcommerce.com/s-jhmi7y5v2c/product_images/uploaded_images/525231494.jpg?t=1489982505">

添加css，然后尝试：

#OurPhilosophy:before,
#OurPhilosophy:after {
    content:'';
}

#我们的理念：在{
位置：绝对位置；
宽度：100%；
左：0；
内容；“”；
顶部：-149px；
高度：200px；
背景：#999；
变换：歪斜（-3deg）；
-moz变换：歪斜（-3deg）；
-webkit变换：歪斜（-3deg）；
-ms变换：歪斜（-3deg）；
}
#我们的哲学：在{
位置：绝对位置；
宽度：100%；
左：0；
内容；“”；
底部：-149px；
高度：200px；
背景:#555；
变换：歪斜（3deg）；
-moz变换：歪斜（3deg）；
-webkit变换：skewY（3deg）；
-ms变换：skewY（3deg）；
}

#我们的哲学：：之前{
位置：绝对位置；
宽度：100%；
左：0；
内容：“；
顶部：-149px；
高度：200px；
背景:#555；
变换：歪斜（-3deg）；
-moz变换：歪斜（-3deg）；
-webkit变换：歪斜（-3deg）；
-ms变换：歪斜（-3deg）；
}
#我们的哲学：之后{
位置：绝对位置；
宽度：100%；
左：0；
内容：“；
底部：-149px；
高度：200px；
背景：#999；
变换：歪斜（3deg）；
-moz变换：歪斜（3deg）；
-webkit变换：skewY（3deg）；
-ms变换：skewY（3deg）；
}

---

：：before：：after而不是：before:afternope这没什么作用，有趣的发现，当我使用：或：：它将其应用到我的页脚时，奇怪的是：：beofre或：：after是在div之前或之后添加内容，那么div之后是什么呢？我猜是页脚？还是不起作用。你之前和之后想做什么？这是fiddle url，请看一看。这是可行的，我看到JSFIDLE在工作，但无论我做什么，它都会将其应用到页脚div后面的内容是什么？页脚？另外，清除你的缓存。你能确切地解释一下你想要什么吗？确切地说，你想要什么

#OurPhilosophy:before,
#OurPhilosophy:after {
    content:'';
}