91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML5如何實現圖層的疊加

發布時間:2021-03-20 11:44:20 來源:億速云 閱讀:1218 作者:小新 欄目:web開發

這篇文章主要介紹了HTML5如何實現圖層的疊加,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

position語法:
position : static absolute relative

position參數:

  • static :  無特殊定位,對象遵循HTML定位規則

  • absolute :  將對象從文檔流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過css z-index屬性定義。此時對象不具有邊距,但仍有補白和邊框

  • relative :  對象不可層疊,但將依據left,right,top,bottom等屬性在正常文檔流中偏移位置

position說明:
設置對象的定位方式,可以讓布局層容易位置絕對定位,控制盒子對象更加準確。

  <html>
   <head>
     <title>層的定位</title>
   </head>
   <style>
    div {height:300;
        width:300;
        }
    #d1 {position:absolute;               
        background-color:green;     
        left:2em;                       
        top:2em;
        }
     #d2 {position:absolute;
         background-color:blue;
         left:4em;                      
         top:4em;
         }
      #d3 {position:absolute;
          background-color:red;
          left:6em;                     
          top:6em;
          }
   </style>
   <body>
     <div id="d1">                       
     <div id="d2">                    
     <div id="d3">                    
   </body>
 </html>

感謝你能夠認真閱讀完這篇文章,希望小編分享的“HTML5如何實現圖層的疊加”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

施秉县| 西城区| 西乌珠穆沁旗| 祥云县| 丰原市| 如皋市| 修水县| 临汾市| 资兴市| 宁波市| 武宣县| 花莲市| 通化市| 福清市| 营山县| 梅州市| 加查县| 长顺县| 榆林市| 新和县| 普安县| 理塘县| 永宁县| 阳春市| 怀安县| 襄汾县| 铜梁县| 汕头市| 西乌珠穆沁旗| 阿城市| 偏关县| 秦安县| 灵宝市| 朔州市| 南澳县| 吴忠市| 新沂市| 平果县| 马公市| 忻州市| 建湖县|