無名小站相簿背景圖重疊一問？麻煩達人解答

Question

我最近在設計無名小站、我覺得大致上都還ok、但我有一個問題
想要請教一下、我無名的背景圖是用一張小圖來使用repeat來變成一張背景，這時我想要在這個背景在加一個去完背人物的gif圖檔、請問有辦法做嗎？

我知道可以用繪圖軟體先合成在當成背景，但是我不想要用這個方法、因為有點麻煩、我想要可以直接使用css語法就能達成，因為無名不像我在做網頁的時後一樣可以設div區塊用position來調整
我已經把相簿都往右移了、就缺左邊一個少女圖片而已，麻煩會的大大教我一下？粉急

ps：還有另一問就是請問css語法裡面、float和postion的差別在哪裡哩？

ming大你好：
我把你方法大致做了一下、我也了解、但是...
我要怎麼把#banner讓他不受body margin的影響、依然保持在左邊呢
板面大致是
xxxx <--banner
xxxxxxx
xxxxx
□□□□ <---photo
□□□□
□□□□

您的意思是利用banner這個div來使第二張圖片在他的下面顯示對嗎？，我用body margin使全都受影響移到右邊了
要怎麼把banner不受margin的影響依然保持在左邊呢

http://www.wretch.cc/album/bony1347
這個是我的相簿、麻煩看一下、我要把圖片設在左邊
我也有預留空間出來、只是就像上面說的我不想直接改圖放進去
我想試試能不能讓背景有二張圖片，感謝

Answer 1

答案是看哪種區域而可以或不可以。無名是網誌、相簿、名片...各有各的 CSS。你要做的事是找個沒有用到，不重要的 div 拿來充數。像你說的相簿是可以做得到的。你可以先用 body 標籤把背景填滿 (這你早就會了)，然後在 #banner 上動手腳，例如把 body 的 z-index 設 -999，#banner 想辦法大致設中或者照你說的，靠左 (background:url(blahblahblah) no-repeat top left;) 。

float 與 position 差別簡單的回答在 float 本意是用來做文繞圖用的，後來被人包起來圖繞圖，所以只有漂左漂右或者不漂。 position 可以設定絕對 / 相對視窗固定 / 相對外框 / 相對瀏覽窗固定，併與 top / bottom / left / right 併用可以靠上靠下靠左靠右。詳細差別你必須要找一下範例。可以 google 一下 "difference among CSS absolute fixed relative static"。





2007-06-02 23:27:39 補充：
我看著你的 position 疑問忘記打了。還要加 position: absolute; left:0px，還有個 z-index:-998; 至於你的相簿 table 就要加成 z-index:999;

2007-06-03 14:08:42 補充：
讓我看看你的相簿改起來比較快。

2007-06-05 00:54:22 補充：
#banner {
position: absolute; left:0px; top:100%;
background:url(http://tw.yimg.com/i/tw/ks/lsm/ykp_logo.gif) no-repeat top left;
width:200px;
height:50px;
display:block;
}

2007-06-05 00:55:41 補充：
#banner A:link,
#banner A:visited,
#banner A:active,
#banner A:hover
{
FONT-SIZE: 0px; COLOR: transparent; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none; display:block; height:50px; width:200px;
}

2007-06-05 01:08:09 補充：
上面補充的內容是犧牲掉「XXX的相簿」文字做出來的。你得把

#banner A
#banner A:link
#banner A:visited
#banner A:active
#banner A:hover

這幾個刪掉用我上面放的語法，要不然圖上面會有字。另外，上面是用奇摩知識+ 的圖當範本，請根據自己的照片大小替換並修改 height & width 描述。

Answer 2

網址：http://momo.raindrop.jp/



　特色介紹：裡面素材的取景大部分是屬於日常生活的情形



　　　　　　像是學校，鐵路，家居生活．此外，也有一些天空或是植物等等的素材



　　　　　　素材拍攝後精心處理，是個不錯的素材網站