![]() ![]() Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Each element is assigned a z-index, as shown in the following code:īox 2: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore magna aliquam erat volutpat. Higher numbers place the element higher in the stack, as shown in the diagram.Ī practical example of z-index stacking can be seen in Figure 23-13. The beginning reference (the document) is typically at index 0 (zero). The value controls where on the stack the element should be placed. You can think of the z-stack as papers stackedon a desktop, overlapping each other-some of the papers are covered by other pieces. Because the third dimension is typically referred to along a Z axis, this property is named accordingly (with a Z). ![]() The property controls the third dimension of the otherwise flat HTML media. To control the stacking of elements, you use the z-index property. At times, however, you will want to explicitly specify how overlapping elements stack. Usually, you can anticipate how the elements will stack and leave the user agent up to its own devices regarding the display of stacked elements. Using CSS positioning can often lead to elements stacked on top of one another. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |