Topic: no image loaded
No image visible, just a white background. What am I doing wrong?
<div id="intro" class="view">
<div class="mask d-flex justify-content-center align-items-center"></div>
</div>
html,
body,
header,
#intro {
height: 100%;
}
#intro {
background: url("https://mdbcdn.b-cdn.net/img/Photos/Horizontal/Nature/full%20page/img%20%283%29.jpg") no-repeatcentercenterfixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Ollie Vincent pro commented 6 years ago
You want to use this background image : https://mdbootstrap.com/img/Photos/Horizontal/Nature/full%20page/img%20(3).jpg