Css 不同的图标不透明度

我所拥有的是好的。 唯一的问题是，我希望图像

符号
在
悬停时具有
不透明度：0.3
，而
星型
具有
不透明度：1
，这意味着在
悬停时具有全黑色。现在看来，
star
的
opacity
部分来自图像
符号
，这是不需要的（你看到
star
是灰色的。如何修复


.div:悬停符号{
不透明度：.3；
}
.div:hover>.sign:：before{
不透明度：1；
}
.分区标志{
-webkit过渡：所有3.0版本都很轻松；
-moz过渡：所有3.0版本都很轻松；
-o-transition：所有3.0都很轻松；
-ms过渡：所有3.0都很轻松；
过渡：所有3.0都很轻松；
位置：相对位置；
}
.div.符号：：之前{
内容：'\2605'；
字体系列：“方泰罗”；
字号：5em；
颜色：#fff；
不透明度：0；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
文本对齐：居中；
颜色：黑色；
背面可见性：隐藏：
-webkit过渡：所有3.0版本都很轻松；
-moz过渡：所有3.0版本都很轻松；
-o-transition：所有3.0都很轻松；
-ms过渡：所有3.0都很轻松；
过渡：所有3.0都很轻松；
}
.分区标志{
宽度：150px；
高度：150像素；
}
.div.符号img{
宽度：100%；
}
不要对
.sign
div应用不透明度的
0.3
，因为它也会影响星号，因为这是星号内容的一部分。请将图像作为目标：


.div:悬停。为img签名{
不透明度：.3；
}
.div:hover>.sign:：before{
不透明度：1；
}
.div.符号img{
过渡：所有3.0都很轻松；
}
.div.符号：：之前{
内容：'\2605'；
字体系列：“方泰罗”；
字号：5em；
颜色：#fff；
不透明度：0；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
文本对齐：居中；
颜色：黑色；
过渡：所有3.0都很轻松；
}
.分区标志{
宽度：150px；
高度：150像素；
位置：相对位置；
}
.div.符号img{
宽度：100%；
}
不要对
.sign
div应用不透明度的
0.3
，因为它也会影响星号，因为这是星号内容的一部分。请将图像作为目标：


.div:悬停。为img签名{
不透明度：.3；
}
.div:hover>.sign:：before{
不透明度：1；
}
.div.符号img{
过渡：所有3.0都很轻松；
}
.div.符号：：之前{
内容：'\2605'；
字体系列：“方泰罗”；
字号：5em；
颜色：#fff；
不透明度：0；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
文本对齐：居中；
颜色：黑色；
过渡：所有3.0都很轻松；
}
.分区标志{
宽度：150px；
高度：150像素；
位置：相对位置；
}
.div.符号img{
宽度：100%；
}

这就解决了问题，非常感谢。我在4分钟内接受您的回答。另外，请注意，如果您使用：：before，星星在图像下方，如果您使用：：before，星星在图像上：after@Neil如果我们需要改变顺序，我们可以简单地使用z-index；）顺便说一句，我不认为这是一个问题，我想这是有意的哦，是的，我只是指给charliepie看，但对你的评论是因为你比我快；）这就解决了，非常感谢。我在4分钟内接受你的回答。另外，请注意，如果你使用：：before，星号在图像下方，如果使用：：before，星号在图像上：after@Neil如果需要更改顺序，我们可以简单地使用z-index；）顺便说一句，我不认为这是一个问题，我想这是有意的哦，是的，我只是指给charliepie看，但对你的评论，因为你比我快；）