简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

div懸浮

WBOY
發布： 2016-08-30 09:21:10
原創
1353 人瀏覽過
<!DOCTYPE html <span style="color: #0000ff;">PUBLIC</span> "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
</style>
</head>
<body>
<!--z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。z-index 仅能在定位元素上奏效（例如 position:absolute;）！-->
<div style='position:relative; width:500px; height:500px;'>
<div style='position:absolute; z-index:2; width:300px; height:300px; left:0px; top:0px; background-color:red;'></div>
<div style='position:absolute; z-index:3; width:200px; height:200px; left:0px; top:0px;background-color:green;''<span style="color: #000000;">></div>
</div>
</body>
</html>
登入後複製

效果：

相關標籤：
div悬浮
來源：php.cn
上一篇：行動端專案開發總結 下一篇：行動端web開發總結
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何使用CSS選擇器來定位包含特定屬性或標籤的div元素？ 我正在使用一個產生網站的POS系統。大部分程式碼是專有的，因此我無法編輯很多內容。我有一個輸出的類別列表，其中一些圖像作為類別浮動。我想隱藏主頁上列出的前3個。我嘗試使用div:n...
來自於 2024-04-03 22:25:59
0
1
277
將一個 div 浮動到另一個 div 中 我需要一個div來浮動在另一個div中。嘗試使用position:fixed，但div現在浮動到父div之外。這是範例程式碼。我需要“DivtoFloat”來浮動在“Div1”內。...
來自於 2024-04-03 18:26:07
0
1
363
使用滑鼠懸停事件顯示飛出選單 我有一個彈出式選單，我試圖使用滑鼠懸停事件來切換它，但它似乎沒有按預期工作。我嘗試透過像這樣定位div來使用CSS懸停事​​件：.hero-list-blocka:hover+.f...
來自於 2024-04-03 15:14:43
0
1
416
Safari中無法在懸停狀態下套用CSS濾鏡 我注意到，在懸停時對filter屬性進行更改會導致macOS上的Safari16.2出現奇怪的行為：懸停時它實際上不會改變如果您點擊文本，它確實會發生部分變化，這絕對不是理想的行為...
來自於 2024-04-01 08:19:51
0
1
387
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！