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下拉菜单问题

回答

相关问题