使用css和html将div视为没有玻璃的框架

Question

我面临重叠div的问题。

请参阅网站我的网站：http://ayurved-infertility.in/index.html

正如您在网站上看到的那样，顶部菜单和左侧菜单位于div内部，处于绝对位置并随屏幕移动。而内容恰好落后于绝对的div。我还给了背景透明。所以，我们可以很容易地看到背后的文字。

现在，我的问题是如果我将任何超链接放在绝对div后面的文本中，没有人可以点击链接，因为绝对div是重叠的。

那么，我怎样才能克服这个问题呢？如果不可能那么请建议我一个更好的方式，这样我的网站外观和功能都没有改变，我可以点击文本中的超链接。

Answer 1

首先，你可以删除高度：屏幕截图中显示的元素的500px。现在您可以单击部分文本（绿色区域）。

之后你可以删除左侧导航并完成它。 或者将它放在桌子元素之外并给它一个固定的位置。这是我能提出的最快捷，最简单的解决方案。 一般情况下，你不应该使用这种在网站上定位东西的表格方法。

Answer 2

浮动/绝对div应该只与左侧菜单项

一样宽

DL（菜单）周围的DIV应为

width:140px;
position:absolute;