javascript - 背景画像付き DIV

Question

DIV制御用の背景画像（Webサイトの角丸画像）を適用しました。次に、DIV コントロールにステートメントを動的に追加しました。

画像の高さと幅をどのように拡大しますか?

いくつか提案をお願いします。

Answer 1

css3を使ってみる

.div {
background: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

または、背景画像のサイズを変更したり、「コーナー」に分割したりするなど、あらゆる種類の厄介なことを行う必要があります...大きな頭痛の種

Answer 2

JavaScript を使用すると、背景サイズを変更できます。
注 - これは CSS3 の機能です。

スタイルタグ内

.div_class_name
 {
 background:url(img_flwr.gif);
 background-size:80px 60px;
 background-repeat:no-repeat;
 }

div のコンテンツが変更されると、次の構文を使用してサイズを変更できます

document.getElementById("eleId").style.backgroundSize="60px 80px" ;