十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
只要网站支持CSS的话,很简单。在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
目前创新互联已为1000+的企业提供了网站建设、域名、网站空间、网站改版维护、企业网站设计、阳城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }(不换行)
加上代码之后,再次刷新网页就会发现页面已经变成黑白的了。还在等什么,赶快给自己的网站加上一行代码,变成黑白色,一起来缅怀在地震中去世的人。
直接将其放入页面中的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;
}
可以,在ie下可以用filter属性,如下:
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
不过,FF上无法实现的,因为灰度滤镜属性在其它非ie浏览器中不存在,该特效无法显示。不像透明滤镜在FF里面也有。
所以,只能使用两张图片替换或者一张图片滑动门的方案。
亲,告诉你个简单的方法,在浏览器顶部加句这个,让他使用IE9模式就OK了,不必去为IE10单独做那么多事情。
meta http-equiv="X-UA-Compatible" content="IE=9"
img{
filter:url("data:image/svg+xml;utf8,svg xmlns=\'\'filter id=\'grayscale\'feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'//filter/svg#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);}
上面是所有浏览器包括安卓的图片边灰的样式
据我所知CSS可以让网页的字体、背景等设为黑白,但貌似不能使网页中的彩色图片变黑白,Flash如果里面没有特殊的脚本也不能在外面用CSS调成黑白,只能改背景色
td{
background-color:#000;
}
td:nth-child(2n){
background-color:#fff;
}
tr:nth-child(2n) td{
background-color:#fff;
}
tr:nth-child(2n) td:nth-child(2n){
background-color:#000;
}