使用CSS将图片变灰？
使图像通过CSS“显示为灰色”的最佳方法（如果有）是什么（即，不加载图像的单独的，变灰的版本）？
我的情况是，我在表中有几行，所有行在最右边的单元格中都有按钮，有些行看起来要比其他行亮。因此，我当然可以很容易地使字体变浅，但我也想使图像变浅，而不必管理每个图像的两个版本。
问题答案：
它一定是灰色的吗？您可以将图像的不透明度设置得较低（以使其变钝）。或者，您可以创建一个<div>叠加层并将其设置为灰色（更改Alpha以获得效果）。
-
HTML：
<div id="wrapper"> <img id="myImage" src="something.jpg" />
-
问题内容： 应该是一个相当简单的问题。在我的网站上，我这样做： 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素，因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗？ 问题答案： 您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示： 这是一个演示：
-
问题内容： 我一直在尝试在背景图片的顶部使用线性渐变，以使背景底部的阴影效果从黑色变为透明，但似乎无法使其显示。 我在这里阅读了其他案例和示例，但没有一个对我有用。我只能看到渐变或图像，但不能全部看到。 只需单击第一个徽标，就忽略该效果，此后我要尝试的是整个网站的正文。 这是我的CSS代码： 问题答案： 好的，我通过 在行尾 添加背景图片的网址来解决此问题。 这是我的工作代码：
-
问题内容： 我想将所有图像都放在CSS中（我知道的唯一方法是将它们作为背景图像放置）。 但是此解决方案中的问题是您永远不能让div占用图像的大小。 所以我的问题是：在CSS中拥有等效功能的最佳方法是什么 ？ 问题答案： Jaap的回答： 和在CSS中： 这已经在Chrome，firefox和Safari上进行了测试。（我在Mac上，所以如果有人在IE上有结果，请告诉我添加它）
-
.responsive .img { border: 1px solid #ccc; } .responsive .img:hover { border: 1px solid #777; } .responsive .img img { width: 100%; height: auto; } .responsive .desc { padding: 15px; text-align: cente
-
本文向大家介绍使用css将图片转换成黑白的效果相关面试题，主要包含被问及使用css将图片转换成黑白的效果时的应答技巧和注意事项，需要的朋友参考一下
-
问题内容： 我需要在div的右上角显示一个图像（该图像是“对角线”功能区），但要使当前文本包含在内部div中，像现在一样，粘贴在其顶部。 我尝试了不同的方法，例如将图像包含在另一个div中或定义其类，例如： 但没有运气。我得到的最好结果是所有文本向下滚动以获得相同高度的图像。 任何的想法？ 问题答案： 您可以这样做：