CSS 图片透明度处理
今天本想改一下bilibili的个人中心界面,然后因为懒,加上没有好的设计思路,就算了(其实主要还是前端技术不给力),本突然想到了图片透明度,找了一下竟然没有这篇的笔记,来mark一下。
img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}
其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于——啥,透明度的单词怎么拼,仅此而已。
关于这个还能变得更高端,在W3School里可以看到效果图,这里就当作拓展阅读给个传送门就行了:
http://www.w3school.com.cn/css/css_image_transparency.asp
如果要做出动画效果,可以考虑jQuery或者是CSS3
植入部分
如果您觉得文章不错,可以通过赞助支持我。
如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。