on ios devices background images appear blurry. if can point out need great. i'm pretty new please explain.
#home-cover { height: 100%; background-image: url("../img/bg-home.jpg"); }<!doctype html> <html lang="en"> <head> <!-- required meta tags --> <meta charset="utf-8"> <meta name="description" content="building modern responsive website html5, css3, jquery & bootstrap framework"> <meta name="keywords" content="html5, css3, jquery, bootstrap, web design, web development, responsive website, modern website"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- title --> <title>genesis utility</title> <!-- home --> <section id="home"> <div id="home-cover" class="bg-parallax animated fadein"> <div id="home-content-box"> <div id="home-content-box-inner" class="text-center"> <div id="home-heading" class="animated zoomin"> <h3>genesis utility <br> communication inc.</h3> </div> <div id="home-btn" class="animated zoomin"> <a class="btn btn-lg btn-general btn-white smooth-scroll" href="#about" role="button" title="view our work">learn us</a> </div> </div> </div> </div> </section>
you haven't set background size property. assuming based on design, want cover
#home-cover { height: 100%; background-image: url("../img/bg-home.jpg"); background-size: cover; } 
Comments
Post a Comment