css 不使用定位的 div層疊

2021-08-11 06:08:35 字數 476 閱讀 7483

想要達到的效果是 下面兩個123被藍色的遮住,

使用了上下兩個div 下面的div margin-top 負數 移上去蓋住了上面的div卻蓋不住字 ;

最後使用了  下面的css 樣式 達到了效果;

transform: translate3d(0px, 0px, 0px);

-webkit-transform

: translate3d(0px, 0px, 0px)

;-moz-transform

: translate3d(0px, 0px, 0px)

;-o-transform

: translate3d(0px, 0px, 0px)

;-moz-transform

: translate3d(0px, 0px, 0px);

div定位和css的層疊

概述 在web開發中相信最開始學習的時候,希望能將div放到我們希望放到的地方和窗體的層疊,看似簡單的問題 對於我們這些菜鳥來說確實很困難的,下面就介紹窗體的定位和層疊 top 定義了乙個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。right 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏...

CSS定位 層疊效果和浮動 04

1 絕對定位 2 相對定位 相對定位的位置是相對於元素自身的正常初始位置而言的。因此,即使是內容完全一樣的相對定位 作用於初始位置不同的多個元素上也僅能保證位移的方向一致,並不能代表這些元素最終將出現在相同的位置上。3 層疊效果 在css中,除了定義在html元素在水平和垂直方向上的位置,還可以定義...

CSS定位以及z index屬性(層疊性)的詳解

定位方向 top left right bottom就這四個位置 一 靜態定位position static 靜態定位就是文件流,沒有別的意思,不需要寫 二 絕對定位 脫標 position absolute 1 如果用top描述,定位的參考點是整個頁面的最左上角,而不是瀏覽器的左上角 2 如果用b...