У меня есть этот 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, все идет хорошо, и это выглядит так:

проблема в том, что когда я запускаю его на устройстве, это выглядит так (проверьте нижнюю часть изображения):

Как заставить этот размытый белый конец исчезнуть?