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

Audriana avatar
By Audriana
at 2009-10-31T01:25

Table of Contents

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

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

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

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

--

All Comments

Olive avatar
By Olive
at 2009-11-02T16:02
用css設定背景圖position的% 再repeat-y呢？
Ina avatar
By Ina
at 2009-11-06T16:46
position的單位也可以是px
Edith avatar
By Edith
at 2009-11-09T18:16
不過你第二段那作法不難 用兩個div區塊去銜接就好了
Kumar avatar
By Kumar
at 2009-11-13T19:13
http://wispa.pixnet.net/blog 像這網誌用樣式
Edward Lewis avatar
By Edward Lewis
at 2009-11-17T14:44
就是用一張長 | | 的背景圖重複y
Kama avatar
By Kama
at 2009-11-21T16:36
然後再用一張banner蓋住頂端
Erin avatar
By Erin
at 2009-11-24T00:13
有的則是header用╭──╮ out-wrapper用│ │
Emma avatar
By Emma
at 2009-11-24T03:45
footer用╰──╯ 搭配css去接成圓角框架
Gilbert avatar
By Gilbert
at 2009-11-28T14:43
所以你木紋想要在navbar跟留白區之後才開始重複囉?
Hedda avatar
By Hedda
at 2009-11-29T12:41
這樣的話只要自行在<div id='outer-wrapper'>的上方
Skylar DavisLinda avatar
By Skylar DavisLinda
at 2009-11-30T23:04
增加一組id自訂名稱的<div>就好了吧?
Ida avatar
By Ida
at 2009-12-05T03:55
新增加的那組區塊用css設定一下size就可以當留白區了
David avatar
By David
at 2009-12-09T09:42
原來你留白的那個區域是想拿來當作navbar的背脊圖啊？
Agatha avatar
By Agatha
at 2009-12-10T09:19
那這樣很簡單啊，你把你要增加的背景圖放在body
Belly avatar
By Belly
at 2009-12-14T20:02
然後把剛剛自訂div的結束標籤放在</body>前面
Hedy avatar
By Hedy
at 2009-12-18T18:21
然後木頭紋放那應該就可以了吧~~
Hardy avatar
By Hardy
at 2009-12-21T13:32
還要記得把新增的div長寬刪掉唷

遮蔽文章裡單張圖片的方法？

Blanche avatar
By Blanche
at 2009-10-30T18:26
因為部落格裡有時會放入不適合每個人觀賞的圖片 如人形娃娃（有些人會害怕） 之前在波士頓日報網站看到他們會把這種照片遮敝 必須點擊才能打開 在這裡： http://www.boston.com/bigpicture/2008/12/israel_and_gaza.html 裡面的第11張圖片就是這樣 點擊後網 ...

MySQL low query導致網誌被砍

Carol avatar
By Carol
at 2009-10-30T09:35
我收到架站伺服器(000webhost)來信說 我的網站有MySQL Low Query的問題 然後我的網誌現在不見了.... 登入伺服器網站的頁面 以往可以進去control panel去改一些設定 現在根本進不去control panel 請問有人有遇過類似的問題嗎? 有沒有辦法解決... ...

想更改回應的字元

Candice avatar
By Candice
at 2009-10-30T00:59
目前喜歡這個看板，可是回應的字元太大了，擠在一起看起來很不習慣 想改成12px，請問是改哪一行呢? 附上原始碼:http://aqurchen.blog124.fc2.com/blog-entry-219.html 謝謝~~ -- ◥◢◢ ∵ . ...

IE8無法登入、相本不會顯示New圖示

Jacky avatar
By Jacky
at 2009-10-29T21:43
IE8，打入帳密登入後，畫面完全沒變 一樣右上角「登入」按紐 清過 流覽紀錄/COOKIES/密碼/表單後，仍然沒用 至於相簿更新，照理說要顯示紅色圖底的New小圖示 現在都不會出現了.... 還有 今天要使用「將資料夾發佈到這個網頁」的功能，也不能使用 訊息是：網路連線有問題 有人跟我一樣嗎? ...

Plurk更新

Madame avatar
By Madame
at 2009-10-29T20:36
每當有朋友更新Plurk的時候，都不會顯示更新 要我自己按重新整理或我的檔案才會顯示 不過未讀訊息就會自己顯示 之前都不會這樣，最近才開始這樣 我在家裡跟辦公室使用都有這種問題 所以不確定是不是網路的問題 請問大家會有這種問題嗎? - ...