代码之家 › 专栏 › 技术社区 › Nemanja Boric

如何显示下拉菜单超出表头DIV

drop-down-menu menu wordpress css

Nemanja Boric · 技术社区 · 14 年前

显示下拉菜单时出现问题。请参见以下示例:

http://staging.gwynconsulting.com/rif/hello-world-2/

当我悬停“出租完成”时,我无法显示所有菜单项。

我尝试使用许多CSS属性,但无法使其工作…

谢谢您。。。

2 回复 | 直到 14 年前

FelipeAls 14 年前

第一个子项被裁剪是由于两个 overflow: hidden; CSS指令打开 #header 和 #nav .
删除这两个指令,您将看到子菜单。

由于您的列表项是浮动的, α-NaV 不再有流动的内容,因此高度为 0 :背景已消失。
您应该将背景图像放在每个浮动列表项上,不管是ul还是父项。

从可访问性的角度来看,除非必要,否则不应在链接上添加标题属性。这里链接的文本是明确的,你的标题和文本完全相同:你的标题是不必要的。

<a href="/" title="Home">Home</a> <!-- not OK. Title attribute should be removed -->
<a href="/brochure.pdf" title="Download our brochure (PDF, 1.53 MB)">Download our brochure</a> <!-- OK, 2 useful infos about format and size added -->
<a href="/brochure.pdf" title="(PDF, 1.53 MB)">Download our brochure</a> <!-- not OK, title should include the text of the link and add sth to it -->

markratledge 14 年前

您需要在主目录和内容目录的顶部添加一个z索引和一个位置,将它们向后推到导航目录的后面。 http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

其中一个样式表抛出404: http://staging.gwynconsulting.com/rif/wp-content/themes/rif/js/gallery/jquery.ad-gallery.css

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前