1. 首頁
  2. 問答
  3. 在ie8中平鋪兩個圖像

在ie8中平鋪兩個圖像

2014-01-29 114 views
0

我有一個10px x 765px的圖形，我重複-x，然後我有一個20px x 20px的重複圖形，我希望一旦頁面高度超過765px就可以拿起。在ie8中平鋪兩個圖像

可以做到這一點嗎？

body { 
    background: #000 url('/assets/images/background_x_tile.png') repeat-x; 
}

enter image description here

enter image description here

這裏既包括背景圖片，我不知道如何瓷磚一旦頁面達到765px高度圖象的末尾較小的圖像。

試圖完成這個看起來像：

enter image description here

來源

2014-01-29 Brad

+0

它的工作正常，通過使用「body {url：image（image_url）repeat-x; }「 –

+0

嘗試使用此媒體查詢..」@媒體屏幕和（最小寬度：765px）和（方向：風景）「 –

回答

1

使用一個背景圖片，另一個在body標籤

Codepen

html { 
    background-image: url(http://i.stack.imgur.com/Yowiu.png); 
    background-position: 765px 0; 
} 

body { 
background-image: url(http://i.stack.imgur.com/FtvK0.png); 
    background-repeat: repeat-x; 
}

來源

2014-01-29 12:48:52

-1 
background-size:cover

這不會給你希望的效果。只需將上面的代碼添加到已應用背景的css即可。

幾乎給出了相同的輸出:)在html標籤

來源

2014-01-29 12:43:38

相關問題

 相關問題