Twitter Bootstrap Responsive Background-Image inside Div

Question

How i can modify #bg image so it would be responsive, resizable and proportional in all browser?

HTML:

Answer 1

Try this (apply to a class you image is in (not img itself), e.g.

.myimage {
  background: transparent url("yourimage.png") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  height: 500px;
}