是否有一种简单的方法来显示灰度的彩色位图HTML/CSS?
它不需要与IE兼容(我想它不会) - 如果它在FF3和/或Sf3中工作,这对我来说已经足够了.
我知道我可以用SVGCanvas和Canvas 来做这件事,但现在看起来好像很多工作.
有一个真正懒惰的人这样做的方法吗?
我想要一个彩色的图标(并将是一个链接)并将其转换为灰度,直到用户将鼠标放在图标上(然后它将为图像着色).
这可能吗,并且以IE和Firefox支持的方式?
我想让我的背景图像半透明,灰度/黑白.我通过组合来自Stackoverflow的两个不同线程的代码来制作以下代码
body {
position: relative;
background-size: 100% 100%;
background-repeat: no-repeat;
}
body::after {
content: "";
background: url('<?php echo $background[0]; ?>');
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
filter: url(resources.svg#desaturate); /* Gecko */
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
} …Run Code Online (Sandbox Code Playgroud)