是否可以将背景RGB与URL结合使用？

Question

这可能吗？我的代码是：

.w-categories li:hover{
  background: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;        
}

但当我将鼠标悬停在li上时，会移除侧面背景。

没有悬停

悬停

背景图片：background: url(../images/w_icon_tag.png) no-repeat 5px 10px;

Answer 1

尝试使用background-color: rgba(...);代替background: rgba(...);。

似乎在这里工作：http://jsfiddle.net/MRSallee/D97n9/

Answer 2

是的，可以结合使用。 See Ref

查看此 Demo

background:url(../images/w_icon_tag.png) no-repeat 5px 10px rgba(0, 0, 0, 0.1);