Looking for help with a Bootstrap 4 issue I'm experiencing. I have set a fixed background image using CSS on a webpage, and I want to stack multiple <div> elements one after the other with transparent spacing between them. The goal is to allow pieces of the background image to show through these transparent areas. However, it seems that Bootstrap (or something else) is making all background content white-colored, which is preventing the transparency effect from working as intended. I've created a "spazioVuoto" class in my CSS to try and make the background transparent, but it's not functioning properly. Can anyone offer assistance?
If you'd like to see an example of what I mean, take a look at
Here's a CodePen example: https://codepen.io/anon/pen/ooJqVK
Below is the code I'm currently using:
html {
background: url(img/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.spazioVuoto {
background-color: transparent;
padding: 5em;
}