css3技术

CSS3 HTML5实例四(使用 RGBA 实现透明效果)

字号+ 作者: 来源: 2014-11-16 21:39 我要评论( )

目前,Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者),在 CSS3,可以直接实现透明效果。 rgba(200, 54, 54, 0.5); background: rgba(200, 54, 54, 0.5); color: rgba(200, 54, 5

  

  目前,Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者),在 CSS3,可以直接实现透明效果。

  rgba(200, 54, 54, 0.5);

  background: rgba(200, 54, 54, 0.5);

  color: rgba(200, 54, 54, 0.5);

  color: #000;

  opacity: 0.5;

  支持的浏览器: Firefox, Safari, Chrome, Opera (opacity) 以及 IE7 (opacity, with fixes).

(责任编辑:admin)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • css3的box-shadow注意事项_div+css教程

    css3的box-shadow注意事项_div+css教程

    2015-09-17 16:59

  • CSS3简单实用的属性_div+css教程

    CSS3简单实用的属性_div+css教程

    2015-09-17 16:58

  • CSS3的border-radius_div+css教程

    CSS3的border-radius_div+css教程

    2015-09-17 16:58

  • CSS3中的属性选择符_div+css教程

    CSS3中的属性选择符_div+css教程

    2015-09-17 16:55

网友点评