Currently immersed in the creation of a website using Twitter Bootstrap. Encountering an issue where the background image in my container is being overridden by another layer. Seeking guidance on resolving this matter.
Watch the problem here
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body {
background: #e5e5e5;
color: #999;
}
header {
<!-- Your CSS Code Here -->
}
.container {
position:relative
}
.content {
background-color:red;
height: 100%;
min-height: 100vh;
}
.backgroundImage {
width: 100%;
height: auto;
z-index: 1;
}
<!-- More CSS Styles -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!DOCTYPE html>
<!-- Additional HTML Markup Here -->
</body>
</html>Access my files here