image as background

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
lilpenguin
Forum Newbie
Posts: 18
Joined: Sun Sep 19, 2010 7:06 pm

image as background

Post 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
User avatar
greyhoundcode
Forum Regular
Posts: 613
Joined: Mon Feb 11, 2008 4:22 am

Re: image as background

Post by greyhoundcode »

Do you mean a simple gradient fill? In what way must you trick the browser for this?
lilpenguin
Forum Newbie
Posts: 18
Joined: Sun Sep 19, 2010 7:06 pm

Re: image as background

Post by lilpenguin »

greyhoundcode wrote:Do you mean a simple gradient fill? In what way must you trick the browser for this?
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: image as background

Post 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.
User avatar
designjutsu
Forum Newbie
Posts: 10
Joined: Wed Dec 08, 2010 10:17 am
Location: Philippines
Contact:

Re: image as background

Post 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! :)
lilpenguin
Forum Newbie
Posts: 18
Joined: Sun Sep 19, 2010 7:06 pm

Re: image as background

Post by lilpenguin »

and some css3 is already being implemented it looks like. Very cool:)
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: image as background

Post 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.
Post Reply