0

やあみんな！私は自分のウェブサイトをセットアップしている途中で、コンテンツに応じて背景画像 (または任意の画像) のサイズを変更する方法を見つけようとしています。

私の背景は、4 つのコーナー、4 つのエッジ、および中央の塗りつぶしで構成されています。サイズ直しは可能でしょうか？使用方法の例:

私の背景画像は現在、約 4 つの段落をサポートしており、下部に im があります。7 ～ 8 段落が必要な場合はどうすればよいですか? 手動で画像を長くする必要がありますか、それとも左端、右端、下隅、下端の写真を取り、それを下にすることはできますか? それが理にかなっていることを本当に願っています。

解像度が失われ、見栄えが悪いため、画像を引き伸ばしたくありません。

御時間ありがとうございます。

4

2 に答える 2

1

いいえ。

コーナーとエッジを別々の画像にします。上端/下端は水平方向にタイル表示できる必要があります。左端/右端を垂直に。

次に、タイル化または他の方法でスケーリングされた背景として「中間」画像を用意します。この答えはそこで役立つかもしれません。

于 2011-04-24T20:44:38.427 に答える
0

css3 プロパティを使用してこれを行うことができます。すべてのブラウザがこれをサポートしているわけではありません!

.foo {
        background-image: url(bg-image.png);

       -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
         -o-background-size: 100% 100%;           /* Opera 9.5 */
    -webkit-background-size: 100% 100%;           /* Safari 3.0, Chrome */
            background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

       -moz-border-image: url(bg-image.png) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

https://developer.mozilla.org/en/CSS/-moz-background-size

于 2011-04-24T20:48:39.160 に答える