帶背景圖像的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

回答