直接将其放入页面中的<style></style>即可，或者外部样式直接在内部引用。
html,body {-webkit-filter: grayscale(100%)
-moz-filter: grayscale(100%)
-ms-filter: grayscale(100%)
-o-filter: grayscale(100%)
filter: grayscale(100%)
filter: gray
}
透明背景不是元素透明度，只有设置了元素的透明度才会出现字体也会透明，所以颜色无论设为哪一种色彩都不是理想的。
常用灰色背景透明正确方法：
设置背景透明样式 .bg{ background-color: rgba(255,255,255,.5)}，但是不支持ie低版本浏览器（ie8及以下）；
设置背景图片为半透明png图片.bg{ background-image:url(touming.png)}，兼容性较好，但是ie6浏览器下需要引用‘ie6下png图片透明插件’（例如：DD_belatedPNG）。但是微软已经宣布淘汰ie6浏览器，ie6已不再成为兼容调节的主流。
<style type="text/css">.img{border:3px solid #fff}
</style>
<img src="S24014066592145.JPG" width="500" height="350" class="img">
