- 到目前為止僅適用Microsoft Internet Explorer 上而已。
- 是無意間測試發現的.....^^"
- 最下面有 Step by Step 教學 。
要如何模擬成有背景圖片呢?
HTML語法:(紅色為關鍵部份,不可去掉)
本文寬與本文高設定成 100% 就能延展擴大至整個網誌內容....像本篇背景
*1.只要設定背景圖片位址和寬高(純網誌背景圖而已)(background-color: TRANSPARENT;可省略)
<div style="WIDTH: 100%; HEIGHT: 100%;">
<img height="圖高" src="背景圖片" width="圖寬" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 100%; HEIGHT: 100%;">
內容
</div>
</div>
*.最簡單背景之設法(純網誌背景圖而已)(連圖寬都不用設) <- 4/17
<img src="背景圖片" align="right">
<div style="float:left;WIDTH: 100%;">
內容
</div>
*2.可自行設定本文寬、本文高(需使用絕對大小如px),也可自行加線框,配合★圖層框框製作附加捲軸變化 教學,會有豐富效果。
HTML部分(background-color: TRANSPARENT;可省略)
<div style="WIDTH: 本文寬; HEIGHT: 本文高;">
<img height="圖高" src="圖片位址" width="圖寬" align="right">
<div style=" background-color: TRANSPARENT;WIDTH: 本文寬; HEIGHT: 本文高;">
內容
</div>
</div>
範例:
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>
結果: