2014-07-04 6 views
-1

Как установить фоновое изображение с помощью CSS и HTML, которые будут работать в Chrome? Следующий код работает в IE, но не в Chrome?Как установить фоновое изображение в Chrome?

body 
{ 
    background-repeat: no-repeat; 
    background-color: transparent; 
    background-image: URL("\Backgrounds\bg.jpg"); 
} 
+0

: Хорошо работает для меня: [JSFIDDLE] (http://jsfiddle.net/sunil_hari/2aVpD/4/) –

ответ

0

этот код работает !!

body { 
     background: url("../img/img_bg.jpg") no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
     width: 100%; 
     height: 100%; 
} 
1

заменить обратный слэш вперед слэш в пути фонового изображения

Так Кодекс

body 
{ 
    background-repeat: no-repeat; 
    background-color: transparent; 
    background-image: URL("/Backgrounds/bg.jpg"); 
} 
1

Вы использовали слеш вашего URL вместо слэша. Это неверно для URL-адресов, поэтому Chrome не найдет его. Тем не менее, IE связан с файловым проводником (в некоторых версиях Windows они были одинаковыми), поэтому он будет интерпретировать путь к файлу, как он есть. Использование правильно отформатированного URL-адреса гарантирует, что файл изображения можно найти во всех браузерах.

body 
    { 
     background-repeat: no-repeat; 
     background-color: transparent; 
     background-image: URL("/Backgrounds/bg.jpg"); 
    } 
Смежные вопросы