CSS 图片透明度处理
今天本想改一下bilibili的个人中心界面,然后因为懒,加上没有好的设计思路,就算了(其实主要还是前端技术不给力),本突然想到了图片透明度,找了一下竟然没有这篇的笔记,来mark一下。
1img
2{
3opacity:0.4;
4filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
5}
6
其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于——啥,透明度的单词怎么拼,仅此而已。
关于这个还能变得更高端,在W3School里可以看到效果图,这里就当作拓展阅读给个传送门就行了: http://www.w3school.com.cn/css/css_image_transparency.asp
如果要做出动画效果,可以考虑jQuery或者是CSS3
评论 (0)