полноразмерное фоновое изображение не отображается

Я пытаюсь установить полноразмерное фоновое изображение с помощью CSS, и вот как выглядит мой код после прочтения нескольких блогов, включая одну тему, начатую здесь, на этом сайте:полноразмерное фоновое изображение не отображается

html{ 
    background-image: url('C:\Users\sony\Desktop\psddesigns\background.jpeg'); 
    background-repeat: no-repeat; 
    background-position: center center; 
     min-height: 100%; 
    background-size: cover; 
    -moz-background-size: cover; 
    -webkit-background-size: cover; 
    -o-background-size: cover; 
    background-attachment: fixed; 
    }

Изображение все еще не отображается. Его размер составляет 2,4 мегабайта. Все файлы находятся на моем компьютере.

источник

2013-12-08 user3080101

Вы не должны использовать путь к файловой системе в своем коде CSS/HTML. Вместо этого попробуйте использовать относительный путь. – Daniel

в дополнение к относительному пути к вашему файлу (или используя файл протокола: ///), вы должны подумать о размерах файлов! 2,4 МБ загружаются действительно очень медленно, и вам не нужен файл, который является таким большим. обычные пользователи будут иметь ширину 1600 пикселей в лучшем случае, поэтому ваш файл не должен быть большим. И если окно браузера больше, обложка сделает работу за вас –

поставил CSS не на HTML тег, но на теле

body{ 
    margin: 0; 
    padding: 0; 
    background-image: url(../images/background/australia_sky.jpg); //this is a relative path change it to your liking 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: 100% 100%; 
}

источник

2013-12-08 15:47:26 SuperDJ

не имеет значения вообще –

использование относительной URL, например (URL (./ psddesigns/background.jpeg)) или загрузить его в интернет

источник

2013-12-08 15:52:05

Используйте относительный путь. Поместите свой файл HTML и изображение в том же каталоге, а затем вы можете загрузить изображение, используя относительный URL, как это:

html { 
    background-image: url('image-name.jpeg');

Есть еще вы можете узнать об относительных и абсолютных путях. http://webdesign.about.com/od/beginningtutorials/a/aa040502a.htm

источник

2013-12-08 16:09:49

полноразмерное фоновое изображение не отображается

ответ

Смежные вопросы