新建一個html文件,定名為test.html,用于講解怎么用js點竄z-index數值。
 在test.html文件內,利用div標簽建立兩個模塊,并別離設置其id屬性為div1,div2。
 利用css對兩個div進行結構,別離設置兩個div布景顏色,經由過程z-index設置id屬性為div2的div顯示在最前面,即紅色布景div在前面顯示,灰色布景div在后面顯示。
 
 在div的下面建立一個button按鈕,并利用css設置按鈕顯示在div的下面。
 
 給button按鈕綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行edit()函數。
 在edit函數內,獲得id為div1的div對象,改變其z-index屬性,設置為3,讓其顯示在id為div2的div上面,即灰色布景div顯示在前面。
 在瀏覽器打開test.html文件,點擊按鈕,改變z-index值,利用灰色布景div顯示在前面。
 
 
                    0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!