iphone - Fade bottom of UIWebView using CSS -


i'm trying fade out bottom of uiwebview in detailview. it's more fading last 20-40 px. i'm using csstricks code "readmorefade" (link). simplified version pasted below.

my problem when start scrolling in uiwebview, faded area stays there block. i'm attaching screenshot shows this. suggestions or hints? thank you.

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> 

for situation, i'd make white image transparent gradient , overlay on top of uiwebview needed. it's going lot quicker trying debug browser stuff...


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -