我在下面为按钮写了CSS，以显示按钮中的图像和颜色，但我想减少图像的不透明度，而不是颜色，但如果我试图将不透明度应用于按钮，它会减少两者，我如何才能实现我可以减少按钮图像的不透明度，而不是它的颜色不透明度？下面是我的代码。

<代码>.按钮{border-radius：4px；背景色：#0F69AF；边框：无；颜色：#FFFFFF；文本对齐：居中；字体大小：18px；填充：20px；宽度：100%；过渡：均为0.5S；游标：指针；边距：5px；字体粗细：粗体；background-image：URL（“./images/test.PNG ”）；背景大小：封面；不透明度：0.5；}.按钮范围{填充：20px；颜色：#FFF；字体：18px Arial，sans-serif；}.Button span：之后{内容：'\00BB '；位置：绝对；不透明度：0.5；顶部：0；右：-20px；过渡：0.5S；}.Button：悬停范围{填充-右：25px；}.Button：悬停范围：之后{不透明度：1；权利：0；}

<代码><；DIV类=“列1 ”样式=“宽度：60%”>；<；BUTTON CLASS=“ button ”>；<；A href=“./test ” target=“_空白”>；<；SPAN>；TEST1222<；/SPAN&>；<；/a>；<；/按钮>；<；br>；<；BUTTON CLASS=“ button ”>；<；A href=“./test ” target=“_空白”>；<；SPAN>；TEST123<；/SPAN&>；<；/a>；<；/按钮>；<；/DIV>；

顺晟科技：

您可以使用.button { border-radius: 4px; background-color: #0F69AF; border: none; color: #FFFFFF; text-align: center; font-size: 18px; padding: 20px; width: 100%; transition: all 0.5s; cursor: pointer; margin: 5px; font-weight: bold; background-image: url("../Images/Test.png"); background-size: cover; opacity: 0.5; } .button span { padding: 20px; color: #fff; font: 18px Arial, sans-serif; } .button span:after { content: '\00bb'; position: absolute; opacity: 0.5; top: 0; right: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacity: 1; right: 0; }或其他值，如screen或overlay.重要的是要有（背景颜色+图像）或两个不同的图像作为背景的效果。

没有CSS属性可用于仅更改背景图像的不透明度。你需要一个实际的图像-或者一个（伪）元素，它只作为图像的容器，来应用不透明度。

<代码>.按钮{border-radius：4px；背景色：#0F69AF；边框：无；颜色：#FFFFFF；文本对齐：居中；字体大小：18px；填充：20px；宽度：100%；过渡：均为0.5S；游标：指针；边距：5px；字体粗细：粗体；/*需要定位*/位置：相对；}.Button：在{位置：绝对；顶部：0；左：0；权利：0；底部：0；背景图片：网址（“//placekitty.com/400/100 ”）；背景大小：封面；不透明度：0.5；内容：' '；}.按钮范围{填充：20px；颜色：#FFF；字体：18px Arial，sans-serif；}.Button span：之后{内容：'\00BB '；位置：绝对；不透明度：0.5；顶部：0；右：-20px；过渡：0.5S；}.Button：悬停范围{填充-右：25px；}.Button：悬停范围：之后{不透明度：1；权利：0；}

<代码><；DIV类=“列1 ”样式=“宽度：60%”>；<；BUTTON CLASS=“ button ”>；<；A href=“./test ” target=“_空白”>；<；SPAN>；TEST1222<；/SPAN&>；<；/a>；<；/按钮>；<；br>；<；BUTTON CLASS=“ button ”>；<；A href=“./test ” target=“_空白”>；<；SPAN>；TEST123<；/SPAN&>；<；/a>；<；/按钮>；<；/DIV>；