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

Question

Я пробовал все, я использовал background-position: 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%; 

Answer 1

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

background-size: cover; 

или

background-size: 100% auto; 

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

Answer 2

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

background-size: 100% auto; 

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