Fondu fond de UIWebView en utilisant CSS

J'essaie de fondu en bas de l'UIWebView dans mon detailView. Cela ressemble plus à un fondu de 20-40 px. J'utilise le code CSSTricks pour "ReadMoreFade" (link). Ma version simplifiée est collée ci-dessous.Fondu fond de UIWebView en utilisant CSS

Mon problème est lorsque je commence à faire défiler dans mon UIWebView, la zone fanée reste là comme un bloc. Je joins une capture d'écran qui montre cela. Des suggestions ou des astuces? Je vous remercie.

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>

Source

2011-01-25 ialphan

Pour cette situation, je voudrais juste faire une image blanche avec un gradient transparent et superposition sur le dessus de cette UIWebView au besoin. Il va être beaucoup plus rapide que d'essayer de déboguer des choses du navigateur ...

Source

2011-01-25 16:43:16

Je pensais à cela mais je voulais savoir si je pouvais le faire avec CSS3 en utilisant des dégradés. Cela fonctionne très bien sur Safari, mais pas sur iPhone. – ialphan

Ouais, qui sait. Je ne suis pas très bon en développement web, mais je ne serais pas surpris si Apple éteignait ce genre de rendu répété sur l'iPhone. Cela peut également causer des problèmes lorsque vous pincez pour zoomer, même si je ne l'ai jamais essayé. –

Que vous utilisiez une image ou un dégradé CSS3, j'ai peur position:fixed doesn't work on iOS.

Source

2011-01-25 16:59:56

Vous avez raison. "Le positionnement fixe CSS fonctionne dans Safari sur iPhone et iPad, mais pas comme on pourrait s'y attendre." Je regarde ce code en ce moment et semble bien fonctionner dans Mobile Safari: http://doctyper.com/stuff/iphone/fixed/. Je vous remercie. – ialphan

Fondu fond de UIWebView en utilisant CSS

Répondre

Questions connexes