CSS a：悬停：图像阻塞后a：hover（下拉菜单）

Question

我目前有一个下拉菜单（侧边菜单），＃a是链接，＃b是#a在悬停时打开的容器。

#b {display:none;}
#a:hover > #b {display:block;}
#b:hover {display:block;}

当我的菜单中的链接悬停时，上面的CSS基本上会打开相应的容器，然后如果容器本身（#b）悬停，那么它将保持打开/显示。

这很有效......

但后来我决定添加一个箭头，这样当链接悬停时，箭头图像将指向容器。我用这个CSS做到了：

.menuleft a:hover:after {  content: url(images/menuarrowright.png);  display: block;}

这再次起作用。

然而，当这张图片（内容：url（images / menuarrowright.png）;）悬停时，＃b显示无。

有解决方法吗？

Answer 1

您可以随时设置

a:hover{ background:url(images/menuarrowright.png); }

然后玩定位。