欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

使用CSSz-index屬性調(diào)整元素的方法

小編給大家分享一下使用CSS z-index屬性調(diào)整元素的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站設(shè)計、壽陽網(wǎng)絡(luò)推廣、成都小程序開發(fā)、壽陽網(wǎng)絡(luò)營銷、壽陽企業(yè)策劃、壽陽品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供壽陽建站搭建服務(wù),24小時服務(wù)熱線:18980820575,官方網(wǎng)址:aaarwkj.com

 z-index是一個可以設(shè)置元素堆疊順序的屬性,當(dāng)堆疊紙張時,底部紙張隱藏在頂部紙張后面則將無法看到它,類似地,WEB站點(diǎn)的元素也會處于這樣堆疊的狀態(tài),而使用z-index就可以更改堆疊的順序。

使用CSS z-index屬性調(diào)整元素的方法

堆疊的順序由數(shù)值的大小決定

用數(shù)字指定z-index屬性值,如果這個數(shù)值大的話,在前面,小的話則在后面。

使用CSS z-index屬性調(diào)整元素的方法

對于紅色框,我們將z-index的值設(shè)置為10,藍(lán)色框?qū)-index的值設(shè)置為100。

由于藍(lán)色框z-index的值較大,因此它將顯示在前面。

如果將藍(lán)色框的z-index值更改為5,因?yàn)榧t色框的值大于了藍(lán)色框,因此紅色框在前

使用CSS z-index屬性調(diào)整元素的方法

使用z-index屬性時必須指定position

此外,z-index屬性只能用于具有relative,absolute,fixed的位置而不能用于position:static。

如何使用z-index屬性?

基本語法

選擇器{
z-index: 數(shù)值;
}

我們來看具體的示例

HTML

<div class="z-index_test">
</div>
<div class="z-index_test2">
</div>

CSS

.z-index_test {
    height:  200px;             
    width:  200px;              
    background-color: #FF5722;  
    position:  relative;       
    z-index: 10;                
}
.z-index_test2 {
    height:  200px;             
    width:  200px;              
    background-color: #03A9F4;  
    position:  absolute;        
    top: 70px;                  
    left: 100px;                
    z-index: 100;              
}

運(yùn)行效果如下

使用CSS z-index屬性調(diào)整元素的方法

看完了這篇文章,相信你對使用CSS z-index屬性調(diào)整元素的方法有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

網(wǎng)站欄目:使用CSSz-index屬性調(diào)整元素的方法
網(wǎng)站地址:http://aaarwkj.com/article40/gdeieo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、用戶體驗(yàn)、全網(wǎng)營銷推廣、網(wǎng)頁設(shè)計公司面包屑導(dǎo)航、建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營
国产精品美女露脸av毛片| 欧美日韩在线视频一区| 亚洲成人黄色片在线观看| 四虎在线经典视频播放| 国产成人公开免费视频| 久久精品夜夜夜夜夜久久| 久久免费国产精品电影| 成人av久久一区二区三区| 亚洲成综合人在线播放| 熟妇高潮一区二区在线观看| 成人精品淫片一级免费| 五月婷婷六月丁香激情视频| 五月开心婷婷开心五月活动推荐| 九九九视频精品免费九九| 久久国产精品久久国产精品| 国产自拍精品视频免费观看| 操国产熟女大白屁股| 亚洲天堂中文字幕麻豆| 国产高清视频成人在线观看| 亚洲国产精品一区二区三区在线 | 哪里可以看黄色片日韩| 欧美高清一区二区在线观看| 免费看av网站一区二区| av日韩在线一区二区三区| 粗暴蹂躏中文一区二区三区| 久热视频这里只有精品99| 黄色免费av片在线观看| 国产精品国产三级区| 日韩av裸体在线播放| 在线中文字幕av电影| 日韩一级不卡高清视频| 亚洲成人福利免费网站| 日本亚洲一区二区在线| 日本精品在线小视频| 日本视频天堂在线不卡| 亚洲国产欧美日韩久久| 91九色国产原创在线观看| 亚洲精品污一区二区三区| 亚洲第一青青草原在线| 日本一区二区最新免费| 大香蕉欧美视频伊在线|