Растягивание фона изображения Ошибка кодирования HTML

Я новичок в кодировании, я узнал кодирование из: ProgrammingKnowledge YouTube канал. Я хочу сделать растягивание фона, это работает, но оно повторяется само. Я искал в Google ни одну из этих работ. Они просто делают мой текст под фоном, скрывают текст. Пожалуйста, может кто-нибудь сказать мне код? img находится в моей папке, а мой код здесь: http://pastebin.com/ptybcjcg

Источник

3 ответа

Решение

Я думаю, что вы имеете в виду это. Добавьте это к CSS вещи, которая имеет фон:

.classname{
    background-size: cover;
}

Другое свойство для background-size, которое может быть тем, что вы хотите, это

background-size: contain;

Я надеюсь, это поможет вам.

Источник

Я думаю, что вы ищете:

.my-selector {
    background-image: url(/path/to/my-image.png);
    background-size: cover;
}

Это довольно новая опция в CSS, и в iOS Safari есть ошибка, если изображение <body> HTML-тег Он также не работает вообще в Internet Explorer 8, поэтому вам может понадобиться немного JavaScript, чтобы заставить его работать там, если вы хотите поддерживать этот браузер.

Источник

Добавьте это, если вы хотите, чтобы изображение было применено к телу, и вы должны использовать CSS, а не атрибут background для тега body, который не поддерживается в HTML5. Смотрите здесь.

Добавьте этот CSS к своей части стиля в голове

body{
background:url(extremeprison.png);
background-size:cover;
}

и если вы используете background-size: содержать и высота содержимого превышает высоту изображения, используйте background-repeat:no-repeat; а также, чтобы избежать повторения изображения, если хотите.

Кроме того, НЕ используйте чрезмерно квалифицированные селекторы CSS, такие как div.loginsectiontext вместо этого просто используйте .loginsectiontex который должен работать очень хорошо и не будет добавлять дополнительный селектор, когда это не требуется.

И ЗДЕСЬ весь код обновлен

Еще одна вещь: постарайтесь не забыть ; никогда, так как это может быть проблематично, когда есть несколько свойств и может вызвать проблемы для вас.

И место <style> часть и <title> в <head> вместо тела, что является лучшей практикой.

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

Источник
Другие вопросы по тегам