1. 到目前為止僅適用Microsoft Internet Explorer 上而已。
2. 因為MSN Spaces擋掉了background-image: url() 的通用背景樣式設定...
3. 是無意間測試發現的.....^^"
4. 最下面有 Step by Step 教學 。 (4/19修改)
5. 使用半透明背景主題的人士，加上濾鏡會與MSN Spaces的濾鏡發生衝突，效果大減。

要如何模擬成有背景圖片呢？

HTML語法：(紅色為關鍵部份，不可去掉) 

本文寬與本文高設定成 100% 就能延展擴大至整個網誌內容....像本篇背景

＊1.只要設定背景圖片位址和寬高(純網誌背景圖而已)(background-color: TRANSPARENT;已省略)

＊.最簡單背景之設法(純網誌背景圖而已)(連圖寬都不用設) <- 4/17

＊2.可自行設定本文寬、本文高(需使用絕對大小如px)，也可自行加線框，配合★圖層框框製作附加捲軸變化 教學，會有豐富效果。

HTML部分(background-color: TRANSPARENT;已省略)

範例：

HTML：

<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="http://storage.msn.com/x1pw_6EGuGCxXCMx46GPzrYuVVA27PnQROvKQbnBS92FTAzXu41h1iYKIUxwFaK4un2jHce9TcoXNqj4_u1Z5mApG-Nq-P-zTUe" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">內容
<br>
<br>
圖片在文字下方</font>
</div>
</div>

結果：
　

內容

圖片在文字下方

$進階用法：

◊在前景部份(上方部份)可以換成圖片濾鏡

範例 1(文字變透明)：

HTML：

把【background-color:TRANSPARENT;】
換成其中一種濾鏡【filter:alpha(opacity=35,finishOpacity=35,style=0);】

<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG height=108 src="http://storage.msn.com/x1pw_6EGuGCxXCMx46GPzrYuVVA27PnQROvKQbnBS92FTAzXu41h1iYKIUxwFaK4un2jHce9TcoXNqj4_u1Z5mApG-Nq-P-zTUe" width=109 align=right>
<DIV style="FLOAT: left; WIDTH: 109px; HEIGHT: 108px; filter:alpha(opacity=50, finishOpacity=50,style=0)"><BR>
<b><FONT color=#ff00ff>內容 <BR><BR>圖片在文字下方</FONT></b></DIV></DIV>

　

結果：【文字也變透明了】
　

內容

圖片在文字下方

<div style="WIDTH: 100%; ">
<img src="透明圖片" width=100% align="right"><img height="圖高" src="背景圖片" width="圖寬" align="right">
<div style="float:left; WIDTH: 100%; ">
內容
</div>
</div>
　

<div align=center>
<div style="WIDTH: 本文寬; ">
<img src="背景圖片" width="100%" align="right">
<div style="float:left; WIDTH: 100%; ">
內容
</div></div></div>
　

我試了一下「float:left; background-color: TRANSPARENT」可以省略，DIV本身就是透明的。http://spaces.msn.com/members/klcincn/Blog/cns!1pWxxpDggkEo38woh3bmyOEQ!129.entry
很可惜只能用在ＩＥ。這不算ＢＵＧ，只是各家瀏覽器支援ＣＳＳ及實作程度的差異。

答：

　在經過重複測試後，float:left;要不要加要看情形 ，如果你只要有一個<DIV>限定本文框且是絕對大小(如 px,pt)的話則可以省略；反之如果沒有半個<DIV>限定本文框且裡面那層<DIV>設成相對大小(如100%)，則要加上float:left ; 所以如果想把網誌內容能擴展全部介面的話，float:left ;是不可省略的，但是如果都沒設寬度，就算加了float:left ;也無用。

在查書之後，DIV本身就是透明的，而且background-color: TRANSPARENT; 也沒有下向下兼容的問題，MSN也不太可能把每個DIV故意設成其他顏色，所以是可以省略的。大家想調整透明度，可以加上濾鏡（見前景部份）

最後當然也改了部份教學..4/17

ellie 的反應 :

提問，普通背景我試過了，已經沒有問題，但是我想問
「波形效果 :
<DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>」
這個指令，能不能和背景和在一起，我試了一下，還是不知道把這個命令加在哪合適。。。苦惱中。。。

答 :

    使用其他濾鏡，請代換FILTER:的參數即可 ，所以你可以用FILTER: Wave(strength=5,lightstrengh=5)；代換上述範例HTML裡的紅色字即可。