我可以使div透明,但可点击

时间:2013-05-02 22:23:13

标签: css html hyperlink transparent

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

1 个答案:

答案 0 :(得分:1)

我不确定我是否遇到这个问题 - 默认情况下div是空的(它们中没有任何东西可以透明)所以只要你为可点击的div分配了一些尺寸就应该创建一个你可以点击它的区域。位于页面上。

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

div {
    width: 300px;
    height: 300px;
}
#backdiv {
    background-color: #f0f;
}

#topdiv {
    height: 50px;
    cursor: pointer;
}

如果我不明白你的问题,请告诉我。也许你能提供一些代码吗?