Javascript 带背景图像的DIV

Javascript 带背景图像的DIV,javascript,asp.net,Javascript,Asp.net,我们已经将背景图像(来自网站的圆角图像)应用于DIV控制。然后在DIV控件中动态添加更多语句 我们将如何增加图像的高度和宽度 请给我们一些建议。尝试使用css3 .div { background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 或者你需要做各种杂乱的事情,比如调整背景图像的大小,或者把它们分割成“角”等等。。。非常头痛使用javascript您可以更改背景大小。

我们已经将背景图像(来自网站的圆角图像)应用于DIV控制。然后在DIV控件中动态添加更多语句

我们将如何增加图像的高度和宽度

请给我们一些建议。

尝试使用css3

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

或者你需要做各种杂乱的事情,比如调整背景图像的大小,或者把它们分割成“角”等等。。。非常头痛使用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" ;

我同意,但这取决于他们针对的浏览器,我们经常使用不支持此功能的浏览器,目前对于某些项目,我仍然建议使用图像。此外,对于旧的、无用的浏览器,如IE7和IE8,有JS库可以模仿此功能:)CSS支持取决于浏览器,几乎所有最新的浏览器都支持CSS3。您只需编写css和javascript代码,如果浏览器支持CSS3,背景大小将改变,否则将保持原样。