我可以使 div 透明，但可点击 [重复]

Posted 2023-03-05

【中文标题】我可以使 div 透明，但可点击 [重复]

【英文标题】：Can I make a div transparent, but clickable [duplicate]

【发布时间】：2013-04-27 06:08:25

【问题描述】：

我正在为整个网页使用垂直滑块。要在每个页面之间移动，我想单击页面的顶部/底部以在幻灯片之间导航。为此，我在每个页面的顶部和底部放置了一个 div，当您单击该 div 时，它会将您带到下一张/上一张幻灯片，但这些 div 覆盖了我在某些页面上的一些内容。有没有办法让 div 在颜色上“透明”，但仍然可以作为链接点击？抱歉，如果我没有正确解释自己，我是 html 和 CSS 的新手。

【问题讨论】：

寻找css + opacity

***.com/questions/3680429/… 应该让你继续前进。

如果它不起作用，我建议在您的样式中使用z-index 以确保它们位于顶部。你有可以提供的代码吗？

如果我错了，请纠正我，但副本要求与此相反。这个问题试图使用透明 div 接收点击，副本试图忽略它们。我认为这个问题被错误地标记为重复。

【参考方案1】：

我不确定我是否遇到了这个问题 - 默认情况下，div 是空的（其中没有任何内容可以使透明）所以只要您为可点击的 div 分配了一些尺寸，它就应该创建一个区域，您可以单击它的位置位于页面上。

例如http://jsfiddle.net/pWpAD/ [框的前 50px 像素可点击]。

div 
    width: 300px;
    height: 300px;

#backdiv 
    background-color: #f0f;


#topdiv 
    height: 50px;
    cursor: pointer;

如果我不明白您的问题，请告诉我。也许你能提供一些代码？