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
Post a Comment