当我改变它时，我的CSS隐藏了一个图像

Question

我不确定为什么会这样。

我有一个完美的图标显示，但是，当我更改图像时，只有当我将鼠标悬停在图像上时，它才会停止显示。

我无法更改HTML，只能更改css元素。

这是HTML

<div class="div-menu-win">
 <ul class="menu-win">
  <li>
   <div title="Ajuda" class="iconWin manual"></div>
  </li>
 </ul>
</div> 

我的css图像正常工作

ul.menu-win li .manual, ul.menu-win li .manual::after 
{
background-image: url('../images/ico_aj.png');
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}

ul.menu-win li .manual,
ul.menu-win li .manual:after
{
background-image: url('../images/ico_aj.png');
background-repeat: no-repeat;
background-position: center;  
background-size:16px 16px;
}

那里有一条消息，包含此属性的过滤规则

当我更改背景图像时，该图像消失。

有什么想法吗？

Answer 1

您应该添加更多CSS规则。尝试设置大小，内容属性（例如:: after和:: metaselectors之前所需）和显示类型......作为示例：

width:20px;
height:20px;
content:' ';
display:block;