完整背景一页第一个div介绍

时间:2013-12-23 16:36:57

标签: ios css background responsive-design parallax

我有一个错误,我有一个单页网站,其中包含内容和背景图片。 一切正常,但不是在iPhone上。

iphone上的图片已完全放大,但在Android上它运行正常。 这是介绍div的css代码:

#intro{
background: url('../images/index_pic.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
width:100%;
height:100%;
z-index: 1;
}

我是从这个网站上获取的:http://css-tricks.com/perfect-full-page-background-image/

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

此css代码不适用于iPhone。 如果需要完整背景,则必须使用此Jquery库 - > http://srobbin.com/jquery-plugins/backstretch/