Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
John Levy
1,451 PointsHow to stack layers on top of each other and where to find tutorials on this on treehouse
I am new to HTML5 and CSS and I want to stack layers on top of each other. For example a box with another box and image on top. Is this possible like it is done in photoshop? Also where can I find the tutorial if there is one on here? I see the css basics but I dont know the exact stage this topic is covered. Kind regards John
1 Answer
Steven Parker
242,796 PointsThis is commonly done, and the concept is discussed in several of the HTML and CSS courses. I don't have a specific reference but I can give you a quick overview of the major concepts:
If general, anything defined after another element in the document will appear on top if their positions overlap.
However, if two elements share a positioning context, you can specify the stacking order using the z-index property.
The other issue you will need to deal with is the placement of the items. That can be done a few ways, but most commonly to position items over each other you will use set the position property and locate them using offset values.
There are also a special canvas HTML element specifically for drawing that would give you a completely different choice for creating graphic images.
I know this isn't enough info to do the job, but it should help you find the courses that will get you there.