※---------------------------下面是原始碼------------------------------------
<div class="box tipbox">
<div class="boxinner">
<h2>什麼是 HEMiDEMi - 黑米共享書籤?</h2>
<p>書籤類似 IE 我的最愛,共享書籤就是...
<span onclick="Element.hide('hdaboutmore');
new Effect.Appear('hdabout')" class="link right"
id="hdaboutmore"><u>看全部</u>...
</span>
</p>
<p style="display: none;" id="hdabout">
共享書籤就是把自己最常逛的網站收藏到黑米和大家分享。還可以知道大
家看什麼,交到志同道合的朋友!<br/><br/>
HEMiDEMi 則來自音樂名詞64分音符。HEMi 和 DEMi 都是二分之一的意思
代表透過網路,把兩個一半結合為完整的一。黑米為 HEMi 的諧音。
</p>
</div>
</div>
※---------------------------------------------------------------------------
div.tipbox {
background-image:url(/images/30/sidebox_bg_silver.gif);
background-position:center top;
}
div.boxinner {
background-image:url(/images/30/sidebox_bg_silver.gif);
background-position:center bottom;
margin-top:5px; // 這行是為了顯示div.tipbox背景圖的上部
}
不曉得這樣表達後 能不能明白? ( 其實好像也沒表達啥米 只是把關鍵特徵寫出來XD )
所以背景圖大致上要夠長 就疼達到這樣的效果 ^^
而那個會動的DIV只是因為用js控制內文顯不顯示,顯示時 div自然撐大
(上面那篇有人幫忙解答了 ^^)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.7.59