背景放兩個以上圖檔? - 部落格

Table of Contents

用html語法
為背景選單色 或在背景上放「一個」圖(無論是出現一次或x,y方向重複出現)
都很容易做到

但我想放「兩個」圖 一個是單色矩形置頂
第二個是另一色細矩形 放在置頂的矩形下往y方向重複
整個背景看起來就像被切成兩塊顏色 上塊很細只在最上方 主要是面積大的下塊
很簡單的設計
可是我查到的語法範例都很複雜

我異想天開希望只用一個矩形圖就達成上述目的
就是選好背景色後
命令矩形只從某個高度才開始出現並往下重複
不過有這種語法嗎?

請問要完成這種背景
怎樣的語法才是最簡單俐落的呢?
謝謝

--

All Comments

Olive avatarOlive2009-11-02
用css設定背景圖position的% 再repeat-y呢?
Ina avatarIna2009-11-06
position的單位也可以是px
Edith avatarEdith2009-11-09
不過你第二段那作法不難 用兩個div區塊去銜接就好了
Kumar avatarKumar2009-11-13
http://wispa.pixnet.net/blog 像這網誌用樣式
Edward Lewis avatarEdward Lewis2009-11-17
就是用一張長 | | 的背景圖重複y
Kama avatarKama2009-11-21
然後再用一張banner蓋住頂端
Erin avatarErin2009-11-24
有的則是header用╭──╮ out-wrapper用│ │
Emma avatarEmma2009-11-24
footer用╰──╯ 搭配css去接成圓角框架
Gilbert avatarGilbert2009-11-28
所以你木紋想要在navbar跟留白區之後才開始重複囉?
Hedda avatarHedda2009-11-29
這樣的話只要自行在<div id='outer-wrapper'>的上方
Skylar DavisLinda avatarSkylar DavisLinda2009-11-30
增加一組id自訂名稱的<div>就好了吧?
Ida avatarIda2009-12-05
新增加的那組區塊用css設定一下size就可以當留白區了
David avatarDavid2009-12-09
原來你留白的那個區域是想拿來當作navbar的背脊圖啊?
Agatha avatarAgatha2009-12-10
那這樣很簡單啊,你把你要增加的背景圖放在body
Belly avatarBelly2009-12-14
然後把剛剛自訂div的結束標籤放在</body>前面
Hedy avatarHedy2009-12-18
然後木頭紋放那應該就可以了吧~~
Hardy avatarHardy2009-12-21
還要記得把新增的div長寬刪掉唷