CSS背景圖像+跨度圖像整個大小的DIV

我有一個DIV，保存配置文件信息和DIV的大小會每個人不同。我想沿DIV運行一個背景圖片，並希望它根據配置文件的長度來調整大小。CSS背景圖像+跨度圖像整個大小的DIV

我已經試過如下：

<div id="profileThemeWrapper"></div>

CSS

div#profileThemeWrapper { 
    background: url(../images/online-dating-main/themes/heart-theme.jpg) no-repeat; 
}

這並不調整所有幫助 - 它只是顯示圖像，因爲它是。

我也試過用這個標籤，發現當我使用這個圖片時，圖片不能在文本下運行。

有沒有辦法在一個DIV後面運行一個圖像，這個DIV的大小會發生變化並且圖像的大小會隨着DIV的大小而變化？

thx

來源

2011-11-25 Adam

無法使用CSS2調整背景圖像的大小。

你can do it using CSS3雖然。

來源

2011-11-25 02:07:24

var target = document.getElementById("profileThemeWrapper"); 
var wd = target.scrollWidth; 
var hd = target.scrollHeight;

這應該返回DIV的「真實」大小（即使它被裁剪）。然後，您可以使用這些值來確定圖像的大小。

來源

2011-11-25 02:07:49

#background 
{ 
    width:auto; 
    height:auto; 
    background: url(/images/special_offer.png); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; /* Safari */ 
    -khtml-background-size: 100% 100%; /* Konqueror */ 
    -moz-background-size: 100% 100%; /* Firefox */ 
}

這裏有一個嘗試：http://jsfiddle.net/rqVU6/調整寬度或高度看到的結果着，當然在你的代碼，你會擺脫寬度和高度屬性我猜，因爲你有一個非固定規模格。在這裏你有一個內容和寬度爲自動的例子：http://jsfiddle.net/rqVU6/1/ 我希望這對你有幫助。

來源

2011-11-25 02:35:03 rmagnum2002

在這裏，我也修復了它，它與行內塊。

.oe_field_legend_star { 
background-image: url(web/static/src/img/icons/star-on.png); 
width: 15px; 
height: 15px; 
display: inline-block;}

此作品精湛，沒有新線顯示：阻止一些如何做的問題，

來源

2013-03-22 11:38:18

CSS背景圖像+跨度圖像整個大小的DIV

回答

相關問題