1

我希望有人可以帮助我解决这个问题。

我得到了这个 HTML：

<a href="http://test"><div id="topleftbox"></div></a>
<a href="http://test"><div id="toprightbox"></div></a>
<a href="http://test"><div id="bottomleftbox"></div></a>
<a href="http://test"><div id="bottomrightbox"></div></a>

我用这样的背景图像来设置这些 div 的样式：

#topleftbox {
  background: url(../img/images/layout_03.jpg);
  background-repeat: no-repeat;
  width: 229px;
  height: 228px;
  float: left;
  }

 #topleftbox:hover {
  background: url(../img/hoverimages/layout_03.jpg);
  }

我悬停在新图像上的作品。是否可以添加 :visited 和 :active 以便在单击/访问上一个链接/图像后永久显示新的（悬停）图像？

谢谢

jsfiddle.net/AcvbG - 现在可以使用颜色。奇怪的是没有背景图片..

我的目标是：When clicking,hovering the #leftbox背景图像必须更改为另一个，使用:visited、:hover 和:active。

有人知道解决方案吗？还是我必须使用javascript（知识有限）谢谢大家

4

1 回答 1

1

我不相信那些伪类会做你想做的事。
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

:active 伪类在用户激活元素时应用。例如，在用户按下鼠标按钮并释放它的时间之间。

:visited 伪类在用户访问链接后应用。

如果您愿意使用 javascript，那么有一些选择。

编辑：

您可能会将您的<a>标签设置为像您的 div 一样，并且只需更改它们的背景。这是完全可行的。

http://jsfiddle.net/AcvbG/

于 2013-02-27T22:20:19.867 回答