Gyohdon Posted November 30, 2010 Share Posted November 30, 2010 I have three background images I want to use for my layout.One at the top, with repeat-x.One at the top-left, with no repeat.One at the top-right, also no repeat.What is the best way to do this? Link to comment Share on other sites More sharing options...
DizzyDan Posted November 30, 2010 Share Posted November 30, 2010 Not sure if this is the best option but I would create the background exactly how I wanted it to look with the 3 images in photoshop and then put it in the website as one image. Link to comment Share on other sites More sharing options...
Gyohdon Posted November 30, 2010 Author Share Posted November 30, 2010 Not sure if this is the best option but I would create the background exactly how I wanted it to look with the 3 images in photoshop and then put it in the website as one image.Crossbrowser/different sized screens problem.But I fixed it already.Top was the original background image, then created two divs containing the other images with absolute positioning and z-index -1 Link to comment Share on other sites More sharing options...
Synook Posted December 2, 2010 Share Posted December 2, 2010 Without using absolute positioning, you can have three elements within each other, the outermost one with the top background, then the inner two with the corner pieces (positioned using background-position). Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.