2012-02-26 33 views
0

我有這樣的UIWebView從一個HTML文件,這種風格上寫着:顏色看起來不同設備模擬器

<style type="text/css"> 
    body { 
     padding: 0 10px 0 10px; 
     background-image: linear-gradient(bottom, rgb(9,57,48) 0%, rgb(54,97,71) 0%, rgb(120,169,118) 80%); 
     background-image: -o-linear-gradient(bottom, rgb(9,57,48) 0%, rgb(54,97,71) 0%, rgb(120,169,118) 80%); 
     background-image: -moz-linear-gradient(bottom, rgb(9,57,48) 0%, rgb(54,97,71) 0%, rgb(120,169,118) 80%); 
     background-image: -webkit-linear-gradient(bottom, rgb(9,57,48) 0%, rgb(54,97,71) 0%, rgb(120,169,118) 80%); 
     background-image: -ms-linear-gradient(bottom, rgb(9,57,48) 0%, rgb(54,97,71) 0%, rgb(120,169,118) 80%); 

     background-image: -webkit-gradient(
     linear, 
     left bottom, 
     left top, 
     color-stop(0, rgb(9,57,48)), 
     color-stop(0, rgb(54,97,71)), 
     color-stop(0.8, rgb(120,169,118)) 
     ); 
    } 
</style> 

當我運行它在iPhone模擬器一切順利,它看起來像這樣:

simulator

當我運行在設備上的問題是,它看起來像(查看圖像的BUTTOM):

device

如何才能使這個模糊的白色結束消失?

回答

1

更改您的白色停止爲100%(1.0)爲您的漸變。

+0

我該怎麼做? – 2012-02-26 13:43:15

+0

'bottom,rgb(9,57,48)0%,rgb(54,97,71)0%,rgb(120,169,118)80%'應該是'bottom,rgb(9,57,48)0%,rgb (0,1,rgb(120,169,118))'應該是'color-stop(0,1,rgb(120,169,118))'(54,97,71)0%,rgb(120,169,118)100%'' 。 – jrtc27 2012-02-26 14:00:35

相關問題