My Css Background is Not Working -


/* don't know why code won't show ground. please help

    header {     z-index: 1;     position: relative;     background: #fff;     padding-bottom: 15px; {     header .banner {     background: url("http://www.hhbeautysupply.com/modules/blockbanne/img/2ff10e96da748ecea3b41289ad8dfb39.jpg") repeat-x  #891c21;}  } } 

your element .banner needs height , width rules.

further: css not formatted (unless using preprocessor sass) should this:

header {   z-index: 1;   position: relative;   background: #fff;   padding-bottom: 15px; }  header .banner {   background: url("http://www.hhbeautysupply.com/modules/blockbanne/img/2ff10e96da748ecea3b41289ad8dfb39.jpg") repeat-x  #891c21;   //height , width rules } 

demo

div {      background: red;      padding: 10px;  }    .foo {      background: url("http://lorempixel.com/400/200/") repeat #891c21;      height: 200px;      width: 100%;  }
<div>      <div class="foo"></div>  </div>


Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -