html - 特定的 CSS 菜单布局

标签 html css menu

我正在处理一些网络开发问题,想知道如何实现 this specific menu HTML、CSS、Javascript 中的布局。 将鼠标悬停在“设计”或“Hintergründe”上时,主区域会发生变化并显示内容。我的问题是边框,即当事件菜单点更改时更改的轮廓。所以我会为“设计”和“Hintergründe”取 2 个 div 容器,在左、上和右(没有底部)有边框。主要区域必须是一个本身带有边框的 div。我怎样才能实现菜单选择和主要区域相互融合的边界迷失派对?

顺便问一下:在 div 容器的 HTML 中是否可以使用那些服装(细)滚动条?

提前致谢 一切顺利 迈克尔

最佳答案

您点击的选项卡具有与内容区域相同的背景颜色,并且有 margin-bottom:-1px 和一个 z-index 来放置它超过内容。这会使背景覆盖内容区域的边界,从而产生您正在寻找的效果。

关于html - 特定的 CSS 菜单布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12954433/

相关文章:

php - 使用数据库信息作为下拉列表选项

html - Firefox 中奇怪的方 block 字符

html - 制作一个带边框的元素,“缝合”到内部对象的外边框

javascript - 我在哪里可以找到包含图像和文本详细信息的 super 下拉菜单?

html - 在 iOS 上的 Safari 中输入类型日期外观

html - 如何对齐具有特定宽度的文本框和标签

css - 这个DIV布局可行吗?

jquery - 文本出现在链接的右侧

html - 纯 CSS 菜单不在顶部

javascript - 单击任意位置关闭菜单