如何在背景圖片上加載圖片
三月飛春雪
近期，有位博友問我：“怎樣在一張圖片上上傳圖片？”其實，就是如何在背景圖片上加載另一張圖片！通過改編試驗，我得到如下代碼，并探索出調(diào)正方位的方法，現(xiàn)與各位博友分享：
一，例一效果
二，例一代碼：
<TABLE width=440 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_2.jpg align=centerheight=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_3.jpg align=center height=300>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
三，例一代碼注釋：
<TABLE width=背景圖片寬度值 background=背景圖片地址 align=圖片居中碼 height=背景圖片寬高度值 >
<TBODY>
<TR>
<TD>
<TABLE width=加載圖的寬度值 background=加載的圖片地址 align=圖片居中碼height=加載圖的高度值>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
四，使用方法：
1，登錄你的博客，點開你的博客首頁導(dǎo)航欄上的“日志”，點“寫日志”，點“< >”，在日志代碼編輯框內(nèi)點上光標,將上述源代碼復(fù)制后，粘貼在日志代碼編輯頁面。點“預(yù)覽”，看效果。點“返回編輯狀態(tài)”繼續(xù)編輯。
2，選擇你博客相冊中的圖片或其他網(wǎng)站上的圖片均可（圖片格式為 jpg jpeg gif 或其他網(wǎng)易支持的圖片格式），因為加載的圖片會覆蓋背景圖片，所以加載的圖片一般要選擇具有透明背景的圖片。選好后，點開選中的圖片（動態(tài)圖須處于動態(tài)時），鼠標對著圖片點右鍵，左鍵點菜單上的屬性，復(fù)制屬性菜單上的圖片地址(URL)，就是其后面的代碼。
3，按照上面源代碼注釋位置，用你選擇的兩張圖片的地址分別替換背景圖片的地址和加載圖片的地址。點“預(yù)覽”，試看效果。點“返回編輯狀態(tài)”繼續(xù)編輯。
4，在所選圖片的原有規(guī)格內(nèi)，根據(jù)畫面情況，分別調(diào)整兩張圖片的高度值和寬度值。
5，調(diào)整加載圖片在背景圖片中的位置：
（1）左中右的調(diào)整碼： 左：align=left 中：align=center 右：align=right
（2）上下調(diào)整：
完成上述程序后，注意：須點關(guān)“< >”,進入文字編輯頁面，在加載圖片右尾部點上鼠標光標后，敲擊鍵盤上的回車鍵，可將加載圖片上移。使用方向鍵，將鼠標光標移到加載圖片的左端后，敲擊鍵盤上的回車鍵，可將加載圖片下移。使用方向鍵，將鼠標的光標移到加載圖片的左端后，敲擊鍵盤上的空格鍵，可將加載圖片右移。敲擊鍵盤上的刪除鍵，可將加載圖片左移。
6，調(diào)整很好圖片后，點“保存草稿'或"發(fā)表日志"
五，例二效果（背景圖不變，更新了加載圖）
六，例二代碼：
<TABLE width=440 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_2.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_4.jpg align=center height=300>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
七，例三效果（兩層加載圖）：
八，例三代碼：
<TABLE width=440 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_2.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_4.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=200 background=http://image52.360doc.com/DownloadImg/2012/06/1610/24890757_3.jpgalign=center height=200>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>
九，只要增加若干組代碼，還可以加更多層圖片。
