作者bcse (Lvx ex Caelis)
看板Web_Design
標題Re: [請益] CSS背景圖,height無法自動伸長
時間Fri Dec 28 23:11:57 2007
※ 引述《sazkj (只是害怕被討厭)》之銘言:
: 先給大家看一下背景圖
: http://140.127.118.81/apoll/css/images/top3.jpg
: 是一個長條型的圖 (寬3px 長536px)
: css中的語法是設repeat-x,所以只會向右填滿是正常的
: 但是我想要問,可不可以讓他跟中間的欄位一樣長呢?
: (看是要將背景圖拉長,或是超出536px的就用某種顏色代替這樣)
: 這個是網頁
: http://140.127.118.81/apoll/t_intro.html
: 在IE下(我用IE7)看,是正常的
: 但用fx2看就被裁一半
: 若是將height改以px的方式給值,是可以,但是因為每頁的長度不一,想問其他方法
: 用firebug看也看不出所以然,所以上來請教大家
: ------------------------------------------------
: 先大致講解排版
: 背景圖放在top3這個div中
: 下面分作left、right兩個div
: right下面放了好幾個trans1
: 但是top3的背景不如預期的跟著right的長度拉長
: http://140.127.118.81/apoll/css/style.css
: 麻煩各位前輩了,如果有什麼必要資料沒附上的話,請跟我說,感謝
不要給 #top3 設定 background,設到 body 去就能達到你想要的效果
或者是在 #right 後面加上一行 <br style="clear:left" />
然後把 #top3 的 height:100% 拿掉
或者是不要給 #right 設定 float:left,改用其他方式…
這個問題有滿多種解決方法的 :p
另外,我不確定你是不是故意的…
你是故意讓捲軸捲動時主選單跟背景出現斷層嗎?
如果不是的話,你可以拿掉 background-attachment:fixed;
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 134.208.33.185
※ 編輯: bcse 來自: 134.208.33.185 (12/28 23:13)
推 sazkj:謝謝@@,那個不是故意的,只是在試背景固定語法 12/29 22:42
→ sazkj:沒注意到有斷層,原來方法這麼多,我都沒試出來,真的謝謝 12/29 22:43