如何使我的DIV成为一个地址链接

Question

我有一个包含单词“Next”的DIV方块。当我将鼠标悬停在它上面时，我希望DIV背景颜色发生变化，当我点击它时，它会将我带到链接。我可以不使用Javascript吗？我不只是想使用一个链接，因为我认为它只有当我超过“下一步”时它才会起作用。

非常感谢您提前帮助。

Answer 1

我们不得不问：为什么 使 成为超链接？如果它像鸭子一样嘎嘎叫，看起来像一只鸭子，它真的应该是一只鸭子。

您可以在样式表中使用简单的:hover规则来处理悬停效果（例如div.whatever:hover { color: red; }），但是您无法向元素灌输具有如下功能的元素，例如在没有使用的情况下转到新页面JavaScript。

Answer 2

在HTML4中（据我所知）HTML5你不能这样做。我听说他们正计划在XHTML2中这样做，但还没有。但

您可以像<a>一样使用<div>元素，只需给它一个类，例如NextLink，然后您可以在CSS中执行操作，使其外观和行为类似于DIV：

.NextLink {
    display:block;
}
.NextLink:hover {
    background-color:red;
}

Answer 3

您可以通过在DIV中使用display：block：

创建超链接来实现此目的

<style>
#next:hover { background-color:red; }
#next a { display:block; }
</style>

<div id="next">
    <a href="#">Next</a>
</div>

Answer 4

是的，如果没有javascript，你真的不能这样做 - 或者至少在我看来它不值得尝试。最好的方法是设置a标签的样式。像这样：

a {padding:10px;border:solid 1px #000;}
a:HOVER {background-color:yellow;}