Background Image Cover

baclground-size_cover

/*
** Perfect Full Page Background Image
** http://css-tricks.com/perfect-full-page-background-image/
**
** UPDTAE: background-attachment: fixed; führt bei iOS zu Problemen
** http://codepen.io/larswittenberg/pen/zlEsL
*/

.background-image {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/background.jpg) center center no-repeat #33322E;
  {* background-attachment: fixed; *}
  z-index: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale')";
}