CSS下拉菜單問題

我已經在http://elankeeran.com/test/dropdown.html上創建了一個CSS下拉菜單，但我面臨懸停問題。主頁選項卡工作正常。我想刪除的寬度爲<ul id="menu" style="width:35px;">任何想法如何刪除寬度。CSS下拉菜單問題

如下圖所示的圖像中的「離家出走」頂邊框丟失：
enter image description here

我怎麼能解決這個問題？

來源

2011-05-01 Elankeeran

在附註中，您有#menu {padddig：0px; }'。你應該解決這個問題。另外，你使用'id =「menu」'兩次。 'id's應該是獨一無二的。你應該切換到'class =「菜單」'和'.menu「。 – thirtydot 2011-05-01 17:25:46

感謝您在此處提供的信息，因此我複製了相同的UL標籤。我將改爲上課 – Elankeeran 2011-05-01 17:32:27

-2

我想你可以簡單地做：

delete document.getElementById("menu").style.width ;

來源

2011-05-01 17:21:59 euphoria83

你的回答對我來說毫無意義。你能澄清它嗎？ – thirtydot 2011-05-01 17:24:55

他想知道如何刪除屬性「寬度」，以便它不再適用。這就是你如何刪除JS中的一個屬性。 – euphoria83 2011-05-01 17:28:35

'刪除document.getElementById（「menu」）。style.width'將不起作用。要將CSS屬性'width'重置爲其初始值，您需要'document.getElementById（「menu」）。style.width ='auto''。 – thirtydot 2011-05-01 17:30:42

罪魁禍首是在.dropdown_2columns CSS的z-index:-1。如果你刪除它，你會回到你的邊界。你是否有理由將z-index設置爲-1？

來源

2011-05-01 17:23:02 musaul

如果我刪除它將看起來像一個盒子邊框。但我想要「主頁」選項卡 – Elankeeran 2011-05-01 17:33:32

因此，基本上你在做的是通過將它移到#menu div後面來隱藏邊框的重疊部分，對嗎？在這種情況下，您可以通過將菜單元素中設置的寬度從「138px」更改爲「108px」，並從'#menu li'中刪除「margin-right：30px」來解決這個問題。但是，這看起來像是一個非常冒險的做法，我會開始使用meyer的css菜單清理，然後在主'a'標籤周圍添加一個'div'，用於隱藏子菜單的頂部部分邊境。 – musaul 2011-05-01 18:00:23

謝謝！頂部邊框問題有點確定，但是假設標籤內容再次增加頂部邊框缺失對齊....「離家出走」當我把它藏起來的項目時，我無法選擇列出的下拉項目......我不知道爲什麼？ – Elankeeran 2011-05-01 18:12:31

-1

如果width是採用唯一的風格，你可以刪除通過$('#menu').removeAttr('style'); 編輯的整個style屬性：哎呀，我不知道，如果你使用jQuery。

來源

2011-05-01 17:24:51 morgar

這將是一個jQuery解決方案，而不是HTML或CSS。 – 2011-05-01 17:25:39

沒錯，我意識到他沒有提到jQuery。這對我來說很明顯，大家都在使用jQuery :) – morgar 2011-05-01 17:27:17

但我在尋找css html解決方案 – Elankeeran 2011-05-01 17:31:19

CSS下拉菜單問題

回答

相關問題