2014-09-02 89 views
-2

怎樣的背景圖像固定於iPad和iPhone的一些問題,現在的位置是固定的怎樣的背景圖像固定於iPad和iPhone不能與現在的位置是固定的滾動

demo83.com/helm/ < <鉻視差效果看完美,但iphone和ipad問題

+0

顯示我'.header_bg' – mostafaznv 2014-09-02 06:33:12

+2

http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie – Jason 2014-09-02 06:33:28

+0

HTTP你父母的CSS代碼:/ /css-tricks.com/perfect-full-page-background-image/ – NoobEditor 2014-09-02 06:34:18

回答

-1

如果您的圖像無法自行跨越屏幕的寬度,而且您沒有重複該圖像,那麼它將不會跨越頁面的寬度。

+0

'background-size:100%'(如果支持瀏覽器)會將任何背景圖像拉伸100%。即使它是1px x 1px。 – misterManSam 2014-09-02 06:53:18

-1

使用<!DOCTYPE HTML>在文檔的頂部<html>

+0

這沒有什麼區別,IE8中的問題是'background-size' [不支持](http://caniuse.com/#search=background-size)。 – misterManSam 2014-09-02 06:59:29

-1

酒店background-size之前是CSS3的。並且在Internet Explorer 9中引入了對此CSS3屬性的支持。因此,不幸的是,IE8不支持background-size

您可能會發現Javascript修復或其他問題,但簡短的答案是,如果您使用CSS3,然後尋找新的瀏覽器或閱讀solutions for this issue

可能的修正:

  • 使用JavaScript/jQuery的發現DIV的寬度,並應用該尺寸的圖像。
  • 使用<img>它可以很容易地被拉伸到100%寬度。
+0

此問題是[此問題]的副本(http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie)。 *最簡單的解決方案是使用'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='您的圖像在這裏',sizingMethod ='scale');'' – misterManSam 2014-09-02 08:13:10