全国哀悼日,网站采取黑白素装配色的方法

方法1:

全国哀悼日,刚把自己的网站改成黑白的配色,就接到电信的通知,那边的欢迎页也要换掉,其实方法很简单,我们可以采用IE的CSS滤镜来实现,*{filter:gray;}

如果需要某一区域保持原色调(例如LOGO区域),则需要定义一个单独的样式,然后在需要的地方引用该样式即可
.nogray{filter:gray(enabled=false);}

方法2:

局部通配符:form,div,table,span,img,ul,ol,li{filter:gray;}

方法3:

手册上讲:使用 BasicImage
滤镜可以更有效率的建立效果,不过用软件检测,页面载入速度并没有明显的提高,大家也可以考虑使用这种方法来实现,优点是,在处理透明图片上,效果更好一点(无毛边):

html { filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); }

方法4:

腾讯采用的是这种做法:把所有页内的IMG全部手动做灰,然后调整现有样式表,全部使用灰度配色,这种做法页面载入效率是最高的,并且做到了跨浏览器操作,适合大流量网站采用。

另外,如果采用方法4,可采用如下方法改变FLASH灰度:

flash变灰的方法:object 之间加入

<param value=’false’ name=’menu’/>

<param value=’opaque’ name=’wmode’/>

相关日志:

4 条评论 《全国哀悼日,网站采取黑白素装配色的方法》

  1. Gravatar耕云轩主

    恭喜!您这篇博文在圈子“中国设计师联盟”由“耕云轩主”加为精华博文!

    回复

  2. 很实用,但是以后希望用不上,不要再来类似的事情了

    回复

  3. flash变灰的那两行代码不行,主流浏览器都没效果。是不是我代码写错了呢?

    直接拿了关于腾讯这页的来测试。

    回复

    Gravatar崔凯 Reply:

    那是2008年的代码,那时候的主流浏览器跟现在不一样…………
    现如今,ios都不支持悲催的flash了,更何况代码。

发表评论 (无需注册)

支持CTRL+ENTER快捷提交
崔凯的博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯的博客 All rights reserved. 京ICP备09029324号.