使用CSS使图像"灰显"的最佳方式(如果有)是什么(即,无需加载单独的灰显图像版本)?
我的上下文是,表中的行都在最右边的单元格中有按钮,有些行需要看起来比其他行轻一些.当然,我可以很容易地使字体变轻,但我也希望使图像变得更轻,而不必管理每个图像的两个版本.
使用CSS使图像"灰显"的最佳方式(如果有)是什么(即,无需加载单独的灰显图像版本)?
我的上下文是,表中的行都在最右边的单元格中有按钮,有些行需要看起来比其他行轻一些.当然,我可以很容易地使字体变轻,但我也希望使图像变得更轻,而不必管理每个图像的两个版本.
一定要是灰色的吗?您可以将图像的不透明度设置得更低(以使其变暗).或者,您可以创建<div>
个覆盖并将其设置为灰色(更改Alpha以获得效果).
HTML:
<div id="wrapper">
<img id="myImage" src="something.jpg" />
</div>
css:
#myImage {
opacity: 0.4;
filter: alpha(opacity=40); /* msie */
}
/* or */
#wrapper {
opacity: 0.4;
filter: alpha(opacity=40); /* msie */
background-color: #000;
}