2013-03-26 3 views
0

Я пытаюсь исправить фон моего сайта, и у меня есть div «bgDiv» на моем сайте с фиксированной позицией. Он работает хорошо на рабочем столе. но на позиции ipad фиксированная не работает, она прокручивает весь мой сайт. и фоновое изображение повторяется. есть ли способ избежать прокрутки bgDiv.Позиция фиксированная не работает на ipad

.bgDiv{ 
    background: url("test.jpg") repeat scroll 0 0 transparent; 
    background-size: 100% 100%; 
    bottom: 0; 
    left: 0; 
    position: fixed; 
    right: 0; 
    top: 0; 
    z-index: -2; 
    height: inherit; 
    } 

<body> 
    <div class="bgDiv"></div> 
    <div class="wrapper"> 
      content 
     </div> 
</body> 
+0

Возможный дубликат: http://stackoverflow.com/questions/4408363/fixed-position-not-working-on-ipa d? rq = 1 – FoolishSeth

ответ

1

Обновить ваш CSS с этим,

.bgDiv{ 
    background: url("test.jpg") repeat scroll 0 0 transparent; 
    background-size: 100% 100%; 
    left: 0; 
    position: fixed; 
    top: 0; 
    z-index: -2; 
    height: auto; 
    width:100%; 
} 

Если не добавил, добавьте в ваш код выше,

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

Вы можете обратиться к этой документации: - http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

+0

Я уже добавил этот метатег, но его не работает. благодаря –

Смежные вопросы