我需要删除内部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 */
}
由此
对此
JSFiddle:https://jsfiddle.net/jf4pu5k7/14/
关于html - 是否可以在css/html中删除块后面其他元素的背景?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35787152/