francis Aneke Posted March 24, 2015 Share Posted March 24, 2015 (edited) 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 Link to comment Share on other sites More sharing options...
tejasamrute Posted March 26, 2015 Share Posted March 26, 2015 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; Link to comment Share on other sites More sharing options...
Ingolme Posted March 26, 2015 Share Posted March 26, 2015 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); Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now