CSS样式的透明效果实现

HTML/CSS 2012-06-04 css,样式,透明,opacity

早之前,要实现透明效果是非常麻烦的一件事,要用gif图片代替。

现在,只需要在css里声明一段话即可实现透明效果

还可以修改值来实现透明程度

直接上代码

img {
    opacity: .5; /* 兼容 Standard: 火狐 1.5 以上, Opera, Safari */
    filter: alpha(opacity=5); /* 兼容 IE8 以下 */
    -ms-filter: "alpha(opacity=5)"; /* 兼容 IE 8 */
    -khtml-opacity: .5; /* Safari 1.x */
    -moz-opacity: .5; /* 火狐 1.5 以下, Netscape */
}

值越小越透明,点的前面可以加零也可以不加。

赶紧试试吧!

文字链接:《CSS样式的透明效果实现

文章地址:http://www.qttc.net/20120668.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 5

  • ie的话,用png8就可以,只是半透明效果不好,滤镜太耗资源,用不起啊!
    2012-06-14 11:53:44 [ 跟帖 ]
    1 #
  • 嗯,这说的倒是真的
    2012-06-06 12:37:33 [ 跟帖 ]
    2 #
  • 我一直没有坚持学下来,苦恼
    2012-06-06 12:34:50 [ 跟帖 ]
    其实学技术是最枯燥无味的,我学习的时候也如此。还好现在学成就职
    2012-06-06 12:36:53 [ 跟帖 ]
    3 #
  • 学习了,感觉css里面内容好多啊啊
    2012-06-06 11:42:04 [ 跟帖 ]
    4 #