Как растянуть фоновое изображение с помощью CSS

Question

Как растянуть фоновое изображение с помощью CSS

0

Я пробовал все, я использовал фоновые позиции: 100%; и т.п.

        a.textlink:link { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; padding-right: 10px; }
        a.textlink:visited { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
        a.textlink:hover { color: #756C63; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
        a.textlink:active { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
        body { 
            font-family: Verdana,Arial,Helvetica,sans-serif; 
            background-color: #FFF;
            text-align: center;
                            background-image: url(images/Template/radeberger_wrapper.jpg);
                            background-repeat: no-repeat;
                            background-position: 100%;

Ichvan Ibragimov 02 окт. 2013, в 13:48

Источник

0

Вот хороший ресурс: css-tricks.com/perfect-full-page-background-image
MackieeE 02 окт. 2013, в 11:49

Теги:

php

html

css

background

html-helper

2 ответа

1

Вы должны посмотреть этот вопрос, у него много дискуссий по одной и той же проблеме.

    background-size: 100% auto;

Читать здесь CSS 3

Sunil Kumar 02 окт. 2013, в 10:28

Ещё вопросы

Вот хороший ресурс: css-tricks.com/perfect-full-page-background-image

SKeurentjes · Accepted Answer · 2013-10-02T09-28-00.000Z

Использование:

background-size: cover;

или

background-size: 100% auto;

Первый будет охватывать весь элемент, но css3 (только современные браузеры). Вторая всегда будет иметь полную ширину, сохраняя соотношение сторон.