使图像通过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上有结果,请告诉我添加它)
本文向大家介绍使用css将图片转换成黑白的效果相关面试题,主要包含被问及使用css将图片转换成黑白的效果时的应答技巧和注意事项,需要的朋友参考一下
.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
问题内容: 我需要在div的右上角显示一个图像(该图像是“对角线”功能区),但要使当前文本包含在内部div中,像现在一样,粘贴在其顶部。 我尝试了不同的方法,例如将图像包含在另一个div中或定义其类,例如: 但没有运气。我得到的最好结果是所有文本向下滚动以获得相同高度的图像。 任何的想法? 问题答案: 您可以这样做: