如何使用CSS应用渐变？

Question

我在iOS项目中。我使用支持HTML CSS JS的UIWebView。我有一个背景。我想制作渐变黑色到白色，它必须是透明的。

实际上我将在Future中更改背景，因此它必须显示背景图像及其透明度（渐变）。

在整个背景上，UIImageView上有Image，而UIWebView是子视图。

如果我使用

    NSString *htmlStringQuestion = [NSString stringWithFormat:
    @"<style type='text/css'>* 
    {
        padding:0px; margin:0px;
    }
    div.ContentWrapper {
        width:100%%; height:100%%;
        text-align:center;
        display:table;
    }
    div.ContentArea {
        display:table-cell; 
        vertical-align:middle; 
        padding:0 5%%; 
        background:none;
        background-color: rgba(0, 0, 0, 0.5);
        color: #00000; 
        font-size:30; 
        font-family: Baskerville;
    }
    </style>
    <div class='ContentWrapper'><div class='ContentArea'>
        <p>Hello</p>
    </div>
    </div>", htmlString];

看起来像

任何建议。

但我想要一些从白色到白色的黑色到白色的东西。

Answer 1

background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

注意： 我使用Ultimate CSS Gradient Generator来获取此代码。您可以使用它来生成您喜欢的任何css渐变。 我不隶属于该网站。