Posted By

scopefragger on 09/01/09

Tagged

css
images

Versions (?)

Last Edited at 09/01/09 06:12pm

Statistics

Viewed 946 times

Favorited by 1 user(s)

Related snippets

Multiple background images in css

/ Published in: CSS

Ever needed to use to background images in a table or div? It is possible b just using css. Although this is yet to be a standard safari will allow you to apply 2! Css backgrounds, however IE, FIRFOX and retro opera users will only see 1 !

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

@charset "utf-8";<br>
/* CSS Document */
 
 
/* Please note,  this onl works in safarie */
.class {
	background-image: url(folder-image-blue-48x48.png), url(folder-image-red-48x48.png);  /* noticed i ahve supplyed two background images */
	background-repeat: repeat-y;/* but only one repeat method ? */
	background-position: top left, top right;/* and then again 2! beckground positions */
	width: 385px;
	height: 100px;
	border: 1px solid #000000;
 
}
/* when only one element is specified,  that element is applyed to both images. */