下拉式選單中的內容堆疊(ul型)

2022-08-21 10:57:13 字數 790 閱讀 4468

今天使用ul建立下拉式選單,選單中的內容堆在了一起。

這是我的html**

專案

這是我的css**

.top-title-ul

#top-title-li-1

#top-title-li-1 li

#top-title-li-1:hover li

#top-title-li-2

#top-title-li-2 li

#top-title-li-2:hover li

根據堆疊情況可以判斷出是position的問題,absolute表示元素使用絕對位置,元素之間可以重疊,正好是上邊的情況,果斷改用relative,但是第乙個下拉列表又會影響之後下拉列表的位置,這說明思路不對,之後繼續分析,通過查詢堆疊元素的共同點,發現都是li標籤內容。這才明白css中應該指定ul的位置是absolute。

通過修改css檔案,問題解決。

.top-title-ul

#top-title-li-1

#top-title-li-1 ul

#top-title-li-1:hover ul

#top-title-li-2

#top-title-li-2 ul

#top-title-li-2:hover ul

html 中內容的堆疊順序 設定

z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。注釋 元素可擁有負的 z index 屬性值。注釋 z index 僅能在定位元素上奏效 例如 position absolute 如 1 2 3 divid menucontent class men...

NSIS解除安裝後無法刪除開始選單中的內容

我們在安裝程式時通常會使用createshortcut命令來建立乙個快捷方式,如下,是在開始 啟動項 裡建立run.bat的快捷方式。createshortcut smprograms 啟動 run.lnk instdir bin run.bat 當我們在執行解除安裝操作時是這樣刪除的,如下 del...

NSIS解除安裝後無法刪除開始選單中的內容

我們在安裝程式時通常會使用createshortcut命令來建立乙個快捷方式,如下,是在開始 啟動項 裡建立run.bat的快捷方式。createshortcut smprograms 啟動 run.lnk instdir bin run.bat 當我們在執行解除安裝操作時是這樣刪除的,如下 del...