obraz tła zniknął w chrome po przewijaniu w dół - html, css, google-chrome

Ustawiłem obraz, który ma rozdzielczość z 1980 rokux 1200 jako tło dla strony internetowej. Kiedy przewinąłem w dół (myślę, że po wysokości 1200 px) obraz zniknie i pojawi się białe tło. Dzieje się tak tylko w Chrome, w safari działa idealnie. Oto, czego użyłem w CSS

body,html{
margin-top: 0px;
background-image: url(../_images/1902974.jpg);

background-attachment: fixed;
background-position: center top;
width:100%;
height:100%;
}

Próbowałem też ustawić tło: naprawiono, ale nie działa tylko w Chrome. Czy muszę dodać dowolny kod?

Odpowiedzi:

Prosty sposób na pełne tło ekranu. (Obraz BG nie przewija się w ten sposób). Jeśli chcesz, aby przewinąć, a następnie ustawić fixed do scroll.

CSS

html {
background: url(images/mybgimage.jpg) no-repeat center center;
background-attachment: fixed; /* Or scroll */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Pracuje w:

1. Safari 3+

2. Chrome Niezależnie od +

3. IE 9+

4. Opera 10+ (Opera 9.5 obsługuje rozmiar tła, ale nie słowa kluczowe)

5. Firefox 3.6+ (Firefox 4 obsługuje wersję bez prefiksu)

Odpowiedzi udzielono na podstawie tutaj.

spróbuj dodać minimalną wysokość do stu procent do html i body
oraz właściwość o wielkości tła do pokrycia

Wiele sposobów, aby to osiągnąć, ale możesz spróbować:

body,html{
background-image: url(../_images/1902974.jpg);
background-size:cover
}