:::

3-4 index2.html(position:relative+z-index 上下層)

<!DOCTYPE html>
<html lang="zh-TW">
  <head>
    <meta charset="utf-8">
    <title>position 練習</title>
    <style type="text/css">
    #a {
      width:100px;
      height:100px;
      border:1px solid #000;
      background: yellow;
      text-align:center;
      line-height: 100px;
      position: relative;
      z-index: 1;
    }

    #b {
      width:100px;
      height:100px;
      color:white;
      border:1px solid #000;
      background: blue;
      text-align:center;
      line-height: 100px;
      position: relative;
      top:-50px;
      left:50px;
      z-index: 0;
    }

    #c {
      width:100px;
      height:100px;
      color:white;
      border:1px solid #000;
      background: green;
      text-align:center;
      line-height: 100px;
      position: relative;
      top:-70px;
      left:20px;
      z-index: 7;
    }
    </style>

  </head>

  <body>
    <div id="a">
      aaaaa
    </div>

    <div id="b">
      bbbbb
    </div>

    <div id="c">
      cccccc
    </div>
  </body>
</html>

 


:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D912%26tbsn%3D32

書籍目錄

展開 | 闔起

線上使用者

38人線上 (30人在瀏覽線上書籍)

會員: 0

訪客: 38

更多…