CodeSky 代码之空

随手记录自己的学习过程

CSS 图片透明度处理

2014-04-06 21:03分类: CSS评论: 0

今天本想改一下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)