linear-gradient() function not visible in mobile browsers but visible in laptop browsers-[@justsomeguy, @Thescientist, @Ingolme, @davej. please help]

[francis Aneke]

I have this below css that makes my div box look curvy.It is working on laptop browsers but not in mobile browsers except onebrowser . PLEASE WHAT SHOULD I DO

{view AWAENVIRONS.COM}

#holder{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW...............................................etc);

background-color: #F1F1F1;

background-image: -webkit-linear-gradient(top, #ffffff, #4e6d04);

background-image: -moz-linear-gradient(top, #ffffff, #4e6d04);

background-image: -o-linear-gradient(top, #ffffff, #4e6d04);

background-image: linear-gradient(#ffffff, #4e6d04);

border: 1px solid #CCC;

-moz-border-radius: 6px;

-o-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

background-color:#4e6d04;

}

Again some of my css work is not working on mobile browsers even though they all work in pc

Edited March 24, 2015 by francis Aneke

[tejasamrute]

u must be using Opera mini

 

http://caniuse.com/#feat=border-radius

 

 

 

Also Try this...

border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;

[Ingolme]

In your last declaration you're missing a direction:

background-image: linear-gradient(#ffffff, #4e6d04);

You also need to use the word "to" if you want to specify the direction verbally: "to top" rather than just "top".

 

So your code should look like this:

background-image: -webkit-linear-gradient(to top, #ffffff, #4e6d04);background-image: -moz-linear-gradient(to top, #ffffff, #4e6d04);background-image: -o-linear-gradient(to top, #ffffff, #4e6d04);background-image: linear-gradient(to top, #ffffff, #4e6d04);