no image loaded

Amathos asked 6 years ago

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; }

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

Please insert min. 20 characters.

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