我需要删除内部HTMl div后面的父元素的背景。
我将代码示例放在Jsfiddle中。
div.wrapper,它具有很大的全屏背景图像。内包装中的div.container具有不透明的白色背景。里面有一个小的div.form,它具有不透明的蓝色背景。

我需要删除div.form后面的白色。该部分的背景图像上应该只有蓝色不透明。
这也是响应式模板,这就是为什么我不能只在图像上使用白色不透明的背景,而div.form的切割区域

谢谢您的帮助。

最佳答案

啊..我明白了,您想删除该背景图片下的那一小层,
您要做的就是按如下方式控制父div(.wrapper)

.wrapper {
  font-family: Arial, sans-serif;
    padding: 0;
    margin: 0;  background:url("http://jerodart.com/Jrod%20Images/Jerod%20Website%20Main%20Page%20Background.jpg") no-repeat 50% 0;
    height: 300px;

     overflow: hidden;  /*MODIFICATION */
    position: relative;  /*MODIFICATION */
}


由此

html - 是否可以在css/html中删除块后面其他元素的背景?-LMLPHP

对此

html - 是否可以在css/html中删除块后面其他元素的背景?-LMLPHP

JSFiddle:https://jsfiddle.net/jf4pu5k7/14/

关于html - 是否可以在css/html中删除块后面其他元素的背景?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35787152/

10-12 12:25
查看更多