如何用css拉伸背景图像答案

【问题标题】：How to stretch a background-image with css如何用css拉伸背景图像
【发布时间】：2013-10-02 11:35:51
【问题描述】：

我尝试了所有方法，我使用了 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%;

【问题讨论】：

这里有一个很好的资源：@987654321@

标签： php html css background html-helper

【解决方案1】：

用途：

background-size: cover;

或

background-size: 100% auto;

第一个总是覆盖整个元素，但是是 css3（仅限现代浏览器）。第二个将始终具有全宽，保持纵横比。

【讨论】：

【解决方案2】：

你应该看看这个Question，它有很多关于同一问题的讨论。

    background-size: 100% auto;

阅读这里CSS 3

【讨论】：