0

我正在创建一个菜单，单击导航后，每个阶段都有不同的图像背景。我正在使用:after，所以我可以将它绝对定位并将其放置在我想要的位置和文本后面。这也是因为我已经将:before其用于另一个目的。它以前可以工作，但我让我的 CSS 更短更有效，一切都很好，除了单击链接时，以下 CSS 选择器不起作用：

.sub-nav a:active:after, .sub-nav a.active:after

单击并激活 :active 状态后，将显示图像。一旦这个扇区打开，jquery 就会添加.active类，但问题是 :after 没有加载。

我快疯了，也许有人可以看到我正在做的错误......

特此，你有一个我的实际代码的小提琴：http: //jsfiddle.net/tGXWG/2/

:after 代码插入的是这样的背景图像..

：徘徊：

在此处输入图像描述

：主动+ .主动：

在此处输入图像描述

4

1 回答 1

1

好的，所以在查看您的网站之后，您似乎唯一缺少的就是添加opacity: 0.9;到.sub-nav a:hover:after, .sub-nav a:active:after, .sub-nav a.active:after

.sub-nav a:hover:after, .sub-nav a:active:after, .sub-nav a.active:after {
    position: absolute;
    left: 6px;
    bottom: 2px;
    z-index: -1;
    opacity: 0.9;
}
于 2013-10-11T19:01:08.483 回答