以往習慣使用 background:url(圖檔名稱) fixed no-repeat;
結果在 IE7 顯示時,背景圖向左上移動了 (同時受到 body 等各層物件的 margin 影響)
經過測試, 只要 fixed 和 no-repeat 不要同時出現, 它就能正常顯示了.
fixed 是指示圖不要被捲動, 何時會有捲動的動作呢? 當該區間高度小於實際需求, 那麼捲動內文時, 背景是否要跟著內文移動?
no-repat 是指示圖不要水平重覆也不要垂直重覆, 何時會有重覆動作呢? 當譹區間寬度(高度)大於圖的大小時, 會出現重覆圖形來填滿空間。
在我的運作上, 定義的空間大小剛好符合背景圖的大小, 也足以容納內文. 所以呢, 這兩個屬性就算不描述, 倒也不影響效果。
只是... 如果我真的同時需要這兩項特性呢? 在 IE7 該怎麼達成呢?
還沒找到解決方案...
文章標籤
全站熱搜
