-
1. Re: Linear Gradients CSS Formatting
Nancy OShea May 19, 2012 8:55 AM (in response to kcfi)Use this on-line gradient generator.
http://www.colorzilla.com/gradient-editor/
It will generate the code you need for various browsers (mozilla, webkit, opera, msie and filters for older IE).
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
2. Re: Linear Gradients CSS Formatting
kcfi May 19, 2012 9:56 AM (in response to Nancy OShea)Thanks Nancy.
-
-
4. Re: Linear Gradients CSS Formatting
Nancy OShea May 20, 2012 9:01 AM (in response to kcfi)When working with browser specific CSS, you have to do it in code view.
Technically speaking, browser specific CSS isn't valid code so it won't show in the CSS Panel.
Nancy O.
-
5. Re: Linear Gradients CSS Formatting
kcfi May 20, 2012 9:22 AM (in response to Nancy OShea)Nancy,
Is there a way to disable code in code view other than commenting it out?
-
6. Re: Linear Gradients CSS Formatting
Nancy OShea May 20, 2012 9:35 AM (in response to kcfi)You can delete it and use Ctl+Z to undo delete. That's about it.
Nancy O.
-
7. Re: Linear Gradients CSS Formatting
kcfi May 20, 2012 11:00 AM (in response to Nancy OShea)I tested the Colorzilla code on IE9 Windows and it does not render as a gradient. What is wrong? Here's the code it wrote:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a7c5', endColorstr='#66a7c5',GradientType=0 ); /* IE6-9 */
-
8. Re: Linear Gradients CSS Formatting
Nancy OShea May 20, 2012 11:42 AM (in response to kcfi)Post the URL to your test page. It could be caused by an extra semi-colon but I can't tell without seeing everything.
Nancy O.
-
-
10. Re: Linear Gradients CSS Formatting
Nancy OShea May 20, 2012 12:13 PM (in response to kcfi)IE filters do not support multiple start and stop colors. You have the same hex #color in startColor and endColor. That's why you don't see a gradient in IE9.
Change this:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a7c5', endColorstr='#66a7c5',GradientType=0 ); /* IE6-9 */
To this:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a7c5', endColorstr='#92C3DA',GradientType=0 )
Nancy O.