Gradient background
Moderator: General Moderators
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Gradient background
I've seen CSS code for doing just this...and I tested it in FF and IE and it worked like a charm, but I imagine it's limited to later version browsers???
How long have these browsers supported these gradient effects?
Should I use a background image and repeat in the X in addition to CSS incase CSS fails for whatever reason???
Opinions...
How long have these browsers supported these gradient effects?
Should I use a background image and repeat in the X in addition to CSS incase CSS fails for whatever reason???
Opinions...
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
While I haven't seen the CSS code to do this, I tend to make gradients very small.. even as small as 1 px by 10 px, and just repeat across the x asis as you said.
I would be interested in looking at the CSS code if you could post an example.
I would be interested in looking at the CSS code if you could post an example.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Scottayy: http://www.designdetector.com/demos/css ... demo-1.php
Works in both IE and FF, my version at least...
Works in both IE and FF, my version at least...
All that markup hardly seems worth the time to create a little gradient image. 
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
-
nickvd
- DevNet Resident
- Posts: 1027
- Joined: Thu Mar 10, 2005 5:27 pm
- Location: Southern Ontario
- Contact:
Lol at that "css" demo... Take a look at the source code... It's decent, however it would require an extra 250+ empty (and therefore useless) div's... I'm almost certain that css3 provides for gradients, and that FF may support them now, but ie support... lol what support...
For now, I always use small 1 by X gif/png for gradient backgrounds, just remember to set the background colour of the element getting the background image to the same colour of the very last pixel in the image, to prevent a fugly colour change...
For now, I always use small 1 by X gif/png for gradient backgrounds, just remember to set the background colour of the element getting the background image to the same colour of the very last pixel in the image, to prevent a fugly colour change...
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA