0

私はすべてを試しましたが、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%;
4

2 に答える 2

2

使用する：

background-size: cover;

また

background-size: 100% auto;

最初のものは常に要素全体をカバーしますが、css3 です (最新のブラウザーのみ)。2 番目のものは、縦横比を維持しながら、常に全幅になります。

于 2013-10-02T11:44:41.527 に答える
1

この質問を見る必要があります。同じ問題について多くの議論があります。

    background-size: 100% auto;

ここでCSS 3を読む

于 2013-10-02T11:52:21.453 に答える