我正在尝试为我的视差元素 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">
但是我的之前和之后没有被应用,当我在 chrome 中检查元素时我没有看到它们。
这是我的CSS:
#OurPhilosophy:before {
position: absolute;
width: 100%;
left: 0;
top: -149px;
height: 200px;
background: #fff;
transform: skewY(-3deg);
-moz-transform: skewY(-3deg);
-webkit-transform: skewY(-3deg);
-ms-transform: skewY(-3deg);
}
#OurPhilosophy:after {
position: absolute;
width: 100%;
left: 0;
bottom: -149px;
height: 200px;
background: #fff;
transform: skewY(3deg);
-moz-transform: skewY(3deg);
-webkit-transform: skewY(3deg);
-ms-transform: skewY(3deg);
}
最佳答案
添加css然后尝试:
#OurPhilosophy:before,
#OurPhilosophy:after {
content:'';
}
关于html - 不使用视差之前和之后的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42942833/