Search code examples
cssstylesheet

style sheet -moz-linear-gradient no show in web mobile browser?

I have a sample code:

<div class="title"><h3>Test Title<h3></div>

And css 

.title {
    background: -moz-linear-gradient(center top , #6F6F6F 0%, #4E4E4E 100%) repeat scroll 0 0 transparent;
}

When I browser as PC is result OK, but when using mobile phone (samsung galaxy S3, iPhone 4) result not show this style, How to fix it ?

Solution

  • the problem is your using the vendor prefixes -moz zo only a browser thats reading -moz wil work with this

    this are the types to use:

    -moz-linear-gradient
-webkit-linear-gradient
-o-linear-gradient
-ms-linear-gradient
linear-gradient

    you can also try to only use the linear-gradient most of the browsers will support this 

    .title {
    background: linear-gradient(center top , #6F6F6F 0%, #4E4E4E 100%) repeat scroll 0 0 transparent;
}

    you can also use this to generate the gradient