[問題] html背景圖的奇怪裁圖現象

看板Web_Design作者 (R+) (9527)時間13年前 (2012/08/01 21:26), 編輯推噓0(0017)
留言17則, 3人參與, 最新討論串1/1
不好意思~想請教一下 html裡是不是不能在<html>放背景圖? 我遇到一個很奇怪的現象: -----CSS------ html{背景圖,repeat-x} body{背景大圖,no-repeat} 在正常狀況下都沒有版面的問題 但是將螢幕縮小至橫向捲軸出現後 再將捲軸往右拉 發現body的背景圖被裁切了 @@ 想請教一下這是什麼樣的問題呢? 感謝 <(_ _)> --------------------------------------------------- http://jsfiddle.net/8JKQT/ 附上語法、狀況,@@ 截圖及說明:: http://imgur.com/a/27rlJ 麻煩大大們指示 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.240.215.67

08/02 00:46, , 1F
你將body 長寬都設100%試看看?
08/02 00:46, 1F

08/02 02:12, , 2F
http://jsfiddle.net/8JKQT/1/ 樓上你可以在fiddle直接試^^
08/02 02:12, 2F

08/02 09:54, , 3F
寬度100%的問題阿~ 你認知的100%跟瀏覽器認知的問題
08/02 09:54, 3F

08/02 09:55, , 4F
你不要背景圖被切,要嘛就是min-width或子層元素要設寬度
08/02 09:55, 4F

08/02 22:40, , 5F
但是為什麼html背景就不會被裁到?
08/02 22:40, 5F

08/03 07:55, , 6F
html和body的範圍本來就不太一樣
08/03 07:55, 6F

08/03 12:01, , 7F
另外一個更簡單的方法...妳不要把背景圖設在body與html上
08/03 12:01, 7F

08/03 12:03, , 8F
另外開2個元素去設CSS的z-index數值就好啦....
08/03 12:03, 8F

08/03 22:34, , 9F
你有試成功的話,可以用jsfiddle給個demo嗎??
08/03 22:34, 9F

08/03 22:38, , 10F
我試的結果依然有切圖狀況 http://jsfiddle.net/8JKQT/5/
08/03 22:38, 10F

08/05 22:15, , 11F
樓上 我測試的結果 http://jsfiddle.net/8JKQT/9/
08/05 22:15, 11F

08/08 02:33, , 12F
呃... 射箭圖是背景耶... 你這樣做會蓋住後面的...
08/08 02:33, 12F

08/08 02:37, , 13F
另外我預期橫捲軸是要在頁面寬小於#wrap時才會出現的
08/08 02:37, 13F

08/08 02:38, , 14F
如果橫捲軸可以隨時出現的話 我直接強制body寬度即可 不需
08/08 02:38, 14F

08/08 02:38, , 15F
跑上來問切到圖的問題 ^^"
08/08 02:38, 15F

08/08 02:40, , 16F
ps: 我目前的將就解法是設定body{min-width:$wrapperWidth;}
08/08 02:40, 16F

08/08 02:41, , 17F
但是old-IE吃不下,若有其它方式歡迎附code討論~ ^^
08/08 02:41, 17F
文章代碼(AID): #1G6IwBot (Web_Design)