html - 是否可以将背景 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);