css - 我可以只针对背景不透明度吗？

Question

我想知道是否可以完成以下操作。查看此示例 http://jsfiddle.net/huhu/r7kSf/ , 只能以不透明度级别为目标的左侧图标吗？让我们说 opacity:0.5; 正常条件和悬停时具有完全不透明度？我知道使用 alpha 系数更容易使用颜色，但是仅图像呢？选项可以是使用两个不同的图标？在悬停下加载它的替代版本？我不认为这是个好主意，因为对于许多 http 请求，除非是在 sprite 中......

谢谢

Answer 1

是的，使用 CSS3 的 rgba 背景。例如，不透明度为 50% 的 #F7F8BD 变为 rgba(247,248,189,0.5); 请注意，兼容性还不是 100%，因此请使用以下内容:

background: #F7F8BD; /* Browsers that don't support RGBa */
rgba(247,248,189,0.5); /* CSS3 */

参见 http://css-tricks.com/rgba-browser-support/了解更多信息。