javascript - 带背景图像的 DIV

Question

我们已将背景图像（来自网站的圆角图像）应用于 DIV 控制。然后在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" ;