Jump to content
Sign in to follow this  
bobby_b

Gradient fill using page canvas mode

Recommended Posts

bobby_b

Using this code... /* Main Canvas Area */ #page-canvas { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 10 auto; border: 4px solid #999999; /* Background gradient */ /* For WebKit */ background: -webkit-gradient( linear, left top, left bottom, from(rgba(74,136,180,1)), to(rgba(250,250,250,1))); /* For Mozilla */ background: -moz-linear-gradient( top, rgba(74,136,180,1), rgba(250,250,250,1)); /* For lt IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( gradientyype=1, startColorstr='#fffafafa', endColorstr='#ffffffff'); /* For gt IE8 */ -moz-filter: progid:DXImageTransform.Microsoft.gradient( gradientyype=1, startColorstr='#fffafafa', endColorstr='#ffffffff'); } the goal is to have the gradient fill inside the page canvas area...in page canvas mode. It works for IE but not for safari, mozilla, chrome etc. any ideas why?

Share this post


Link to post
Share on other sites
[Deleted User]

Try and set the "Site Design Mode" to "Full-Width Mode" instead of "Full-Width Mode With Canvas". This works fine with me on Firefox. Like this: #page-canvas{background:-moz-linear-gradient(top,#ebebe1,#fff)} Martin

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×