3C科技 娛樂遊戲 美食旅遊 時尚美妝 親子育兒 生活休閒 金融理財 健康運動 寰宇綜合

Zi 字媒體

2017-07-25T20:27:27+00:00
加入好友
在開發網頁時,有時候為了一些特殊的網頁效果,必須讓某些圖片蓋在另一個區塊上。但有時候為了應付這樣子的效果,反而讓HTML的結構或畫面的延展變的不太容易調整,透過CSS的z-index屬性可以調整區塊的權重,自由選擇哪一個區塊在最上方顯示。 z-index的值需填入整數(預設或auto代表權重是0) 範例: HTML CSS #div1 { width:200px; height:200px; position:absolute; background:red; z-index:3; } #div2 { width:200px; height:200px; position:absolute; background:blue; left:50px; z-index:-2; } 以上的效果會讓div1的壓在div2的上方 Categories: CSS 分類 Android AngularJS API Blueprint Chrome Database MySQL DataStructure Editor Vim Firefox Git Hadoop Language Go Java JavaScript jQuery jQueryChart Node.js Vue PHP Laravel ZendFramework Python Mac Network Cisco DLink Juniper Oauth Server Apache Share Unix FreeBSD Linux WebDesign Bootstrap CSS HTML Wordpress Search 搜尋:

本文由blogjohnsonluorg提供 原文連結

寫了 5860316篇文章,獲得 23313次喜歡
精彩推薦