建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > div+css > 怎么设置图片透明度

怎么设置图片透明度

时间:2015-03-20 09:59:54  来源:免费模板网 作者:风雪 阅读次数 tagscss运用

有时候看到别人网站的图片 透明度不是100%  隐隐约约的很好看。通过js和css都可以实现。
今天介绍的是怎么通过css实现,其实就是用到opacity这个属性

.btn{

  width : xxpx;

  height : xxpx;

  opacity : 0.25; /* firefox chrome等 */

  filter : alpha(opacity=25); /* IE支持 */

  }
 

设置 div 元素的不透明级别:

div
{
opacity:0.5;
}

亲自试一试

您可以在本页底部找到更多实例。

浏览器支持

所有浏览器都支持 opacity 属性。

注释:IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。

定义和用法

opacity 属性设置元素的不透明级别。

默认值: 1
继承性: no
版本: CSS3
JavaScript 语法: object.style.opacity=0.5

语法

opacity: value|inherit;
描述 测试
value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。 测试
inherit 应该从父元素继承 opacity 属性的值。

本文地址:https://www.freemoban.com/bjrm/2015/0320/978.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!