带背景图像的DIV

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

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

请给我们一些建议。

2012-07-09 subramani

使用JavaScript，您可以更改背景大小。
注 - 这是一个CSS3功能。

在风格标签

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

当格内容的变化，你可以使用下面的语法来改变大小

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

2012-07-09 12:55:20

感谢您的信息。在CSS2中可能吗？ – subramani 2012-07-10 04:07:18

CSS支持取决于浏览器，几乎所有最新的浏览器都支持CSS3.You只需编写CSS和JavaScript代码，如果浏览器支持CSS3，背景大小将会改变，否则它将保持原样。 – 2012-07-10 05:42:05

尝试使用CSS3

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

或者你需要做各种乱七八糟的东西，如调整背景图像，或分裂他们关进“角落”和所有...一个巨大的头痛

2012-07-09 12:50:29 Tallboy

编号同意，但它取决于什么浏览器，他们都靶向，我们经常工作与浏览器不支持这一点，目前一些项目，我仍然建议使用图像。 – 2012-07-09 12:51:34

此外还有JS库来模仿旧的，无用的浏览器如IE7和IE8的这种功能:) – 2012-07-09 12:52:04

回答