0

javascript.forを使用してdivbackground-imageに保持された画像を縮小する必要があります。その画像の4辺は角が丸くなっています。

javascriptで可能ですか？

助言がありますか ？

4

4 に答える 4

1

JS で背景のサイズを変更することはできません。

画像を 4 つの隅の画像に分割し、div をネストしてすべてを表示できます。

<div style="background:url(tl.jpg) top left no-repeat">
    <div style="background:url(tr.jpg) top right no-repeat">
        <div style="background:url(bl.jpg) bottom left no-repeat">
            <div style="background:url(br.jpg) bottom right no-repeat">
                content
            </div>
        </div>
    </div>
</div>

もちろん、div が 1 つの軸でのみ成長する場合は、それを単純化できます。

<div style="background:url(top.jpg) top no-repeat">
    <div style="background:url(bottom.jpg) bottom no-repeat">
        content
    </div>
</div>
于 2009-05-13T07:14:36.817 に答える
0

CSSは、背景画像のサイズ変更をサポートしていません。

丸みを帯びた角を探しているだけなら、HTML、CSS、Javascriptのさまざまな組み合わせを使用するさまざまなソリューションが利用可能です。

グーグル：丸みを帯びた角

于 2009-05-13T07:13:08.380 に答える
0

最新のブラウザーのほとんどでは、背景画像に頼ることなく要素の角を丸くすることができます。次の CSS スタイルを確認してください...

-moz-border-radius:4px; 
border-radius:4px; 
-webkit-border-radius:4px;

これらのそれぞれは、4 ピクセルの半径を与えます。最初は Mozilla ブラウザー (Firefox など) で、2 番目は新しい css3 ブラウザーで、最後は Safari などです。

于 2009-05-13T07:49:55.747 に答える
0

CSS 3 にはこれを可能にする background-size プロパティがありますが、ほとんどのブラウザーではサポートされていません。

于 2009-05-13T07:14:43.993 に答える