Исчезать дно UIWebView с помощью CSS - PullRequest
0 голосов
/ 25 января 2011

Я пытаюсь исчезнуть в нижней части UIWebView в моем detailView. Это больше похоже на исчезновение последних 20-40 пикселей. Я использую код CSSTricks для «ReadMoreFade» ( ссылка ). Моя упрощенная версия вставлена ​​ниже.

Моя проблема в том, что когда я начинаю прокручивать в своем UIWebView, блеклая область остается там как блок. Я прилагаю скриншот, который показывает это. Любые предложения или советы? Спасибо.

SCREENSHOT: http://i51.tinypic.com/2rmxsfp.png

<!DOCTYPE html>
<html>
<head>
 <title>Fade bottom</title>
 <style>
  body{background:#FFF}
  p {
   color:#000;
   margin:0 auto;
   text-align:justify;
   text-indent:30px;
   width:600px;
  }

  #fadeBottom {
   background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0.7)));
   bottom:0;
   height:50px;
   left:0;
   position:fixed;
   width:100%;
  }
 </style>
</head>
<body>
 <p>Some long text here. Lorem ipsum?</p>
 <div id="fadeBottom"></div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 25 января 2011

Если вы используете изображение или градиент CSS3, боюсь, position:fixed не работает на iOS .

0 голосов
/ 25 января 2011

В этой ситуации я просто сделал бы белое изображение с прозрачным градиентом и наложил его поверх этого UIWebView по мере необходимости.Это будет намного быстрее, чем пытаться отлаживать содержимое браузера ...

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