• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]

CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含CSS,半透明度等相关知识,佚名 希望在学习及工作中可以帮助到您
IE:
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]

Firefox:
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]

Chrome和Safari:
opacity:sqlN
其中sqlN的值域为[0, 1]

对于Firefox来说,用opacity就能完成透明化设置了,所以上面的-moz-opacity参考一下。
还有请注意,上面的属性会将元素内的所有内容都透明化,包括文字与图片,所以如果想要背景半透明的话,目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性,如果要考虑IE6的兼容性请在网上搜索PNG JS,会有一些javascript能够优化IE6下的PNG半透明,在我的QQ空间中也有相关的代码。这里不阐述了

您可能想查找下面的文章:

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-06CSS 多图片融合背景定位的应用于优缺点分析
  • 2017-08-06css reset样式重置介绍 重置css样式工具分享
  • 2017-08-06CSS clear属性给float带来哪些影响
  • 2017-08-06纯CSS实现Lavalamp效应的滑动菜单效果
  • 2017-08-06CSS清除浮动方法总结
  • 2017-08-06css禁止html标签被选中的方法
  • 2017-08-06ie6,ie7,firefox的textarea滚动条、边框
  • 2017-08-06利用CSS3的transition属性实现滑动效果
  • 2017-08-06css background-position 用法详细图文介绍
  • 2017-08-06css position 设置元素的定位方式详解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 强制文本在一行内显示,并且后面有省略号效果的实现方法
    • 设置DIV最小高度以及高度自适应随着内容的变化而变化
    • IE8 CSS hack
    • html css将表头固定的最直接的方法
    • 在IE8 FF中使用padding设置select控件文字垂直居中
    • div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...
    • 用纯CSS实现饼状Loading等待图效果
    • div+css让div内部元素如单选按钮均匀分布
    • CSS的一些圆角图形实例分享
    • 使用CSS的border属性构建变形边框的方法总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有