在CSS中,您可以通過設(shè)置父元素的position
屬性為absolute
或relative
,然后調(diào)整子元素的z-index
屬性來控制父元素是否蓋住子元素。
當父元素的position
屬性為absolute
時,子元素的z-index
必須小于父元素的z-index
,這樣父元素才能蓋住子元素。
.parent { position: absolute; z-index: 10; } .child { z-index: 5; }
在這個例子中,父元素的z-index
為10,子元素的z-index
為5,因此父元素會蓋住子元素。
當父元素的position
屬性為relative
時,子元素的z-index
也可以控制父元素是否蓋住子元素,在這種情況下,子元素的z-index
必須大于父元素的z-index
,這樣父元素才能蓋住子元素。
.parent { position: relative; z-index: 5; } .child { z-index: 10; }
在這個例子中,父元素的z-index
為5,子元素的z-index
為10,因此父元素會蓋住子元素。
需要注意的是,如果父元素和子元素的z-index
相同,那么它們會相互重疊,而不是一個元素蓋住另一個元素,在設(shè)置z-index
時,需要確保它們的值不同。