Page 1 of 1

image as background

Posted: Tue Nov 30, 2010 1:21 pm
by lilpenguin
Currently in order to have an image as background that takes an entire page and not centered, you must trick the browser. (ex: if you want a background gradiant from Ilustrator to be your background image). Will there be a setting in HTML5/css3 to make this possible without tricking the browser? Thanks

Re: image as background

Posted: Tue Nov 30, 2010 2:08 pm
by greyhoundcode
Do you mean a simple gradient fill? In what way must you trick the browser for this?

Re: image as background

Posted: Sat Dec 04, 2010 11:51 am
by lilpenguin
greyhoundcode wrote:Do you mean a simple gradient fill? In what way must you trick the browser for this?

Re: image as background

Posted: Sat Dec 04, 2010 2:15 pm
by califdon
I don't think HTML5 will change anything with regard to document backgrounds, but CSS3 certainly will. You may find this of interest:
http://www.css3.info/preview/

As I understand it, CSS3 will be here long before HTML5 is fully supported in all major browsers, anyway.

Re: image as background

Posted: Wed Dec 08, 2010 10:25 am
by designjutsu
You can do it by making a big background 1920px width then set it to middle. You can view the sample css in our website: http://www.desigjutsu.com

Thanks! :)

Re: image as background

Posted: Wed Dec 15, 2010 7:02 am
by lilpenguin
and some css3 is already being implemented it looks like. Very cool:)

Re: image as background

Posted: Wed Dec 15, 2010 1:02 pm
by califdon
lilpenguin wrote:and some css3 is already being implemented it looks like. Very cool:)
Yes, but don't lose sight of the fact that HTML5 and CSS3 are not yet being implemented uniformly in all browsers, so it's still risky to use some of the features if you want all users to be able to view your page the way you expect. There are several charts online that show which features are supported in which versions of which browsers. The trick is knowing which ones are up-to-date.