是否可以设置背景图像的不透明度而不影响子元素的不透明度

范例

页脚中的所有链接都需要自定义项目符号（背景图像），自定义项目符号的不透明度应为50%

HTML

&lt；div id=“footer”&gt；
&lt；ul&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接1&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接2&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接3&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接4&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接5&lt/a&gt&lt/李&gt；
&lt/ul&gt；
&lt/部门&gt；

CSS

#页脚ul li{
背景：url（/images/arrow.png）不重复0.50%；
}  

我试过的

我尝试将列表项的不透明度设置为50%，但是链接文本的不透明度也是50%，并且似乎没有办法重置子元素的不透明度：

#页脚ul li{
背景：url（/images/arrow.png）不重复0.50%；
/*还将设置链接文本的不透明度*/
不透明度：0.5；
}

我还尝试使用rgba，但这对背景图像没有任何影响：

#页脚ul li{
/*rgba不适用于背景图像*/
背景：rgba（255，255，255，0.5）url（/images/arrow.png）不重复0.50%；
}