如何使用CSS使背景变暗？
我有一个带有文本的元素。每当我降低不透明度时，我就会降低整个身体的不透明度。有什么办法可以让我变得background-image更黑，而不是其他所有？
background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
问题答案：
只需将此代码添加到您的图像CSS
body{
background:
/* top, transparent black, faked with gradient */
linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),
/* bottom, image */
url(http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png);
}
更新：并非所有浏览器都支持RGBa，因此您应该具有“后备颜色”。该颜色很可能是纯色（完全不透明），例如：background:rgb(96, 96,96)。
-
问题内容： 应该是一个相当简单的问题。在我的网站上，我这样做： 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素，因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗？ 问题答案： 您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示： 这是一个演示：
-
问题内容： 我正在使用CSS attrubutes： 不透明度：.9; 使DIV透明，但是当我在该DIV中添加另一个DIV时，它也使其透明。 我想使外部（背景）DIV仅透明。怎么样 ？ 问题答案： 内部DIV无法撤消外部DIV的不透明度属性。如果要实现透明度，请使用或： 外层div： 内部div： 编辑 因为您已经添加了问题，所以我假设您还想要IE（旧版本）的有效解决方案。这应该可以工作（IE的最
-
问题内容： 如何使用CSS翻转任何背景图片？可能吗？ currenty我使用这个箭头图像中background-image的liCSS中 开启：visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像，但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案： 在看到Alex的答案出现翻转的线索后，我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS
-
本文向大家介绍使用css如何设置背景虚化？相关面试题，主要包含被问及使用css如何设置背景虚化？时的应答技巧和注意事项，需要的朋友参考一下
-
我正在尝试使用CSS创建一个粘性背景，类似这样的东西（粉红色背景将被完全填充，但例如，我保持了最小可见高度） 但是我似乎不能重叠2个粉红色和黄色的div，如果我试图改变位置：绝对和相对，那么内容中的文本就会像这样溢出 有什么方法可以在避免溢出的同时创建所需的背景吗？ 编辑 如果您正在寻找完全的背景填充解决方案，请检查此链接： 如何适应粘性背景图像并防止css溢出？
-
问题内容： 我一直在尝试在背景图片的顶部使用线性渐变，以使背景底部的阴影效果从黑色变为透明，但似乎无法使其显示。 我在这里阅读了其他案例和示例，但没有一个对我有用。我只能看到渐变或图像，但不能全部看到。 只需单击第一个徽标，就忽略该效果，此后我要尝试的是整个网站的正文。 这是我的CSS代码： 问题答案： 好的，我通过 在行尾 添加背景图片的网址来解决此问题。 这是我的工作代码：