其實你問題一和問題二的原因都是同一個,
就是各家瀏覽器對CSS支援程度不同
background-repeat
它的值可以是
<repeat-style>[, <repeat-style>]*
當它寫成 repeat no-repeat ,這代表它分別設定X軸 Y軸 的重覆於否,
但這種寫法目前僅有Chrome, Internet Explorer 9.0+, Opera, Safari (Webkit) 有支援
算是非符合標準的寫法
所以當非以上瀏覽器觀看你的網誌時,就會產生錯誤,
如火狐就直接無視你的css,直接填滿背景圖(background-repeat的預設值)
如要解決這問題,請將你CSS內所有這種寫法的值做修改
background-repeat: repeat no-repeat; ==> repeat-x;
background-repeat: no-repeat repeat; ==> repeat-y;
background-repeat: no-repeat no-repeat; ==> no-repeat;
background-repeat: repeat repeat; ==> repeat; 這本來就是預設值,隨你改不改都行
( ′▽‵).。o就是這個原因啦
--
就是各家瀏覽器對CSS支援程度不同
background-repeat
它的值可以是
<repeat-style>[, <repeat-style>]*
當它寫成 repeat no-repeat ,這代表它分別設定X軸 Y軸 的重覆於否,
但這種寫法目前僅有Chrome, Internet Explorer 9.0+, Opera, Safari (Webkit) 有支援
算是非符合標準的寫法
所以當非以上瀏覽器觀看你的網誌時,就會產生錯誤,
如火狐就直接無視你的css,直接填滿背景圖(background-repeat的預設值)
如要解決這問題,請將你CSS內所有這種寫法的值做修改
background-repeat: repeat no-repeat; ==> repeat-x;
background-repeat: no-repeat repeat; ==> repeat-y;
background-repeat: no-repeat no-repeat; ==> no-repeat;
background-repeat: repeat repeat; ==> repeat; 這本來就是預設值,隨你改不改都行
( ′▽‵).。o就是這個原因啦
--
All Comments