怎样把一张普通的图片设为BLOG中的背景图片？需要什么样的代码？（背景图片就是写的文字在背景图片上）

＊1.只要设定背景图片位址和宽高(纯网志背景图而已)(background-color: TRANSPARENT;已省略)

<div style="WIDTH: 100%;">
<img height="图高" src="背景图片" width="图宽" align="right">
<div style="float:left;WIDTH: 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=" 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>


结果：



内容

图片在文字下方
$进阶用法：

◊在前景部份(上方部份)可以换成图片滤镜

范例 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>



结果：【文字也变透明了】



内容

图片在文字下方

范例 2(图片也重叠了)：

HTML：【再把内容换成图片】

<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)">
<IMG height=108 src="http://storage.msn.com/x1plMlLh5OuvLUJCkwU76rRa6brGDcBU02OcTTQi4o59hUqkhhrPM7IRjO0QKmfhyvBdGeOTA3KwnrqmMuW1B3tMkW6TSUM-MlhBX7DCiDOt3aQnWkFSBDpug" width=109></DIV></DIV>


结果：【图片也变透明了】




◊在背景部份(下方部份)也可以多加图片滤镜

范例：

HTML：背景图多加圆形滤镜

<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="http://storage.msn.com/x1pw_6EGuGCxXCMx46GPzrYuVVA27PnQROvKQbnBS92FTAzXu41h1iYKIUxwFaK4un2jHce9TcoXNqj4_u1Z5mApG-Nq-P-zTUe" style="FILTER: alpha(opacity=100, finishOpacity=0,style=2)" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">内容
<br>
<br>
图片在文字下方</font>
</div>
</div>

结果：


内容

图片在文字下方