首頁(yè) 猿問(wèn) 在同一層次顯示的元素z-index...

在同一層次顯示的元素z-index可以設(shè)置成一樣的值嘛，例如側(cè)邊欄鼠標(biāo)滑過(guò)時(shí)的顯示和背景圖片的顯示。

Html/CSS

成長(zhǎng)前端初學(xué)者 2016-10-26 21:09:10

查看完整描述

3 回答

GavinZeng

TA貢獻(xiàn)31條經(jīng)驗(yàn) 獲得超20個(gè)贊

是不是說(shuō)，導(dǎo)航按鈕滑過(guò)，改變相應(yīng)內(nèi)容區(qū)的文本和背景圖片的特效？改變z-index是可以完成這樣的效果的，不過(guò)一般使用的是display這個(gè)屬性

反對(duì) 回復(fù) 2016-10-27

成長(zhǎng)前端初學(xué)者
對(duì)對(duì)，就是這個(gè)意思

回復(fù) 2016-10-27
GavinZeng
一般做法是，定義好css屬性，將每個(gè)div元素排列在同一位置，然后動(dòng)態(tài)改變div元素的display屬性，切換狀態(tài)為block或者none，這樣元素是被隱藏的如果設(shè)置z-index那么實(shí)際上元素只是重疊在同一位置，如果不設(shè)置該元素背景或者元素透明度不為1的話，下層元素會(huì)被顯示出來(lái)，這樣效果不容易控制，所以用display會(huì)比較好可以想象一下PS里的層概念，比較容易理解

回復(fù) 2016-10-27

關(guān)注