Div在鼠标悬停时显示为链接

时间:2014-08-27 21:03:45

标签: html css

虽然由于某些原因你可能还没有理解标题中的问题,但我试着解释一下我到底要考虑的是什么。

有没有"正确"使整个div成为一个可点击的框,以保留它的悬停CSS属性并重定向到http://example.com的方法?

我有一个像这个一样简单的div:

<div class="name">
  What should I be typing here?
</div>

现在div类如下:

.name {
  float: right;
  width: 100%;
  border-top: 1px solid #EEE;
  background: transparent;
  position: relative;
}

悬停时的行为是:

.name:hover {
  background: #f5f5f5;
  transition-duration: 0.1s;
  transition-property: background;
}

如果我的问题遗漏/错误,请告诉我,我会尽力纠正/提供更多信息。

感谢您的帮助。

0 个答案:

没有答案