0

我正在处理一些 Web 开发问题，想知道如何在 HTML、CSS、Javascript 中实现这个特定的菜单布局。当悬停在“设计”或“Hintergründe”上时，主要区域会发生变化并显示内容。我的问题是边框，当活动菜单点改变时，轮廓也会改变。因此，我会为“Design”和“Hintergründe”使用 2 个 div 容器，并在左侧、顶部和右侧（无底部）设置边框。主要区域必须是一个带有边框的 div。如何实现菜单选择和主要区域相互融合的边界缺失派对？

顺便说一句：那些服装（薄）滚动条在 div 容器的 HTML 中是否可行？

提前谢谢所有最好的迈克尔

4

2 回答 2

2

The tab that you click on has the same background colour as the content area, and it has margin-bottom:-1px and a z-index to place it over the content. This makes the background cover up the content area's border, producing the effect you're looking for.

于 2012-10-18T12:18:41.980 回答
0

MichiMichbeck 对标签给出了很好的答案。

对于细滚动条，请尝试许多可用的 javascript/jquery 插件之一。一个例子是：http: //jscrollpane.kelvinluck.com/

您还可以在 CSS 中更改 webkit 浏览器的滚动条：http: //css-tricks.com/custom-scrollbars-in-webkit/。但可能首选 javasript 解决方案。

于 2012-10-18T12:25:58.860 回答