Top
Home > Code Snippets > Korvin's Snippets > CSS

Stretch-fit Background


CSS Code
+ 0 likes
Please Register to submit score.
Bookmark and Share
Average Score  0.0 (of 0 scores)
Date Added  Aug 13, 2009
Last Updated  Aug 13, 2009
Tags  background  css  stretch 

Introduction

Usage:
Somewhere in your script, add: <img src="LINK TO BACKGROUND" class="bg-sf">

Grab the Code

img.bg-sf {width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: -1;}
/* 
of course, with this effect, the image will be skewed on some screens.
what i do is make it fade to black on a side, then set the pages background to black and remove either width, or height. you will find it quite easy and useful.
*/

Comments

  (0)  RSS

Commenting Options

Register or Login to Hawkee.com or use your Facebook or Twitter account by clicking the corresponding button below.

  
Bottom