Как установить фоновое изображение

0

Мне нужно установить это фоновое изображение на моем веб-сайте для Chrome и всех других браузеров, но в Chrome он работает идеально, но в firefox и в другом браузере не работает отлично. Даже для firefox я попробовал -moz-tag, но не работал.

{
    position: relative;
    background:url(backgrdnd2.jpg);
    background-repeat:no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}
  • 0
    о каком "не работает идеально" ты говоришь? В чем была проблема?
  • 0
    Я имею в виду, что картина не покрывает весь фон. я попробовал background-size: cover; Метод тоже работает для Fire Fox, но с той же проблемой в internetexplorer. imgur.com/2reES5R в интернет- обозревателе imgur.com/RjxEuLc и отлично смотрится в Chrome и Firefox
Показать ещё 1 комментарий
Теги:

3 ответа

0
Лучший ответ

попробуйте backgroud-size: cover;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size:cover;
background-size: cover;

для остальных браузеров

Надеюсь, поможет.

Поделиться
  • 0
    спасибо, это помогает мне для Firefox. но у IE все еще есть проблемы.
  • 0
    Я попробовал это, он работает для Fire Fox, но не для Internet Explorer. imgur.com/2reES5R в Internet Explorer imgur.com/RjxEuLc, и это выглядит идеально в Chrome
Показать ещё 1 комментарий
0

Во-первых, в вашем css вы должны поместить селектор, где вы хотите применить стиль, например тело

body {
    position: relative;
    background:url(http://2.bp.blogspot.com/-m7blv8kfKxs/UiAWmV9uJXI/AAAAAAAAJos/RsYP_YC9FbY/s1600/Background-Textures2.jpg);
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover;
}

проверьте эту ссылку для получения дополнительной информации о селекторах.

http://www.w3schools.com/cssref/css_selectors.asp

Я также использовал предложение @EduadoRobles, проверьте это

http://jsfiddle.net/agusgambina/A8nmp/

Поделиться
  • 0
    samething imgur.com/2reES5R в IE и imgur.com/RjxEuLc в Firefox и Chrome отлично работают. Он охватывает весь фон с изображением, но в IE он не охватывает всю страницу.
  • 0
    www53.zippyshare.com/v/18831950/file.html проверьте это. я загрузил его на zippyshare
Показать ещё 2 комментария
0

Свойство background поддерживается во всех основных браузерах. См.: http://www.w3schools.com/cssref/css3_pr_background.asp

Я не уверен, на какой элемент вы применяете эти стили, но, возможно, этот элемент не имеет высоты или ширины? Попробуйте проверить элемент в Chrome или с помощью Firebug в Firefox, чтобы определить, загружается ли фоновое изображение и отображается ли элемент, который вы применяете для фона.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню