Обходной путь для 'background-attachment: fixed', который не работает в iOS4 - PullRequest
Новая
       0

Обходной путь для 'background-attachment: fixed', который не работает в iOS4

5 голосов
/ 14 февраля 2011

Я изо всех сил пытаюсь получить веб-страницу с фиксированным фоновым изображением, поэтому изображение не перемещается при прокрутке страницы в UIWebView.
Я обнаружил, что background-attachment: fixed не работает в iOS4 (с использованием 4.2.1). Чтобы перепроверить, я подготовил страницу с фрагментом кода (ниже) в разделе <head>, и эта страница работает как положено в Safari и Firefox на Mac, но не удается сделать это в iPhone Safari ...

Что вы предлагаете в качестве обходного пути для достижения ожидаемых результатов? Я сделал свой UIWebView полупрозрачным и добавил UIImageView, чтобы я мог видеть «фиксированное фоновое изображение» через полупрозрачную страницу. К сожалению, я вижу границы UIWebView, когда прокручиваю его концевые / начальные края.

Существует ли какой-либо официальный ресурс / веб-страница Apple о том, что background-attachment: fixed не реализовано для iOS4?

Ура!

P.S. Упомянутый выше фрагмент кода: 

<style type="text/css">  
body {  
    background: #ffffff url('image.jpg') fixed no-repeat;  
    background-attachment: fixed;  
}  
</style>

Ответы [ 2 ]

1 голос
/ 12 марта 2013

Используйте div для фона с отрицательным z-индексом: 

<head>
<style>
#background {
    background: url("background.jpg") no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    background-size: 320px 480px;
    width: 320px;
    height: 480px;
    z-index: -1;
}
</style>
</head>

<body>
<div id="background"></div>

This body text appears over the fixed background and scrolls.

</body>

Работает на iOS 5 и iOS 6.

1 голос
/ 05 марта 2011

Я не уверен, что происходит с CSS, и у меня не было возможности проверить это самостоятельно, но я знаю, когда пытался избавиться от теней из UIWebView, я использовал этот фрагмент кода:1001 * 

NSArray *sv = [NSArray arrayWithArray:[myWebView subviews]];
UIScrollView *webScroller = (UIScrollView *)[sv objectAtIndex:0];

NSArray *wsv = [NSArray arrayWithArray:[webScroller subviews]];

[[wsv objectAtIndex:6] setHidden:YES];
[[wsv objectAtIndex:7] setHidden:YES];
[[wsv objectAtIndex:8] setHidden:YES];
[[wsv objectAtIndex:9] setHidden:YES];

и он избавился от теней.Я думал, что получил ответ на вопрос SO, но когда я искал его , этот был единственным, который подошел.

Он прошел проверку App Store.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...