位置: 编程技术 - 正文

CSS opacity - 实现图片半透明效果的代码(css nowrap)

编辑:rootadmin

前几天一位做网页设计的朋友问我这个问题:如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。

下图为通过CSS实现的图片透明效果

这个效果在IE和Mozilla浏览器上都可以工作,代码如下<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="" height="" style="-moz-opacity:0.5; filter:alpha(opacity=);cursor:hand;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=">

在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。针对IE的设定:this.filters.alpha.opacity= 而针对Mozilla的设定:this.style.MozOpacity=0.5. 大家可以直接用这行代码给图片定义,只须修改图片地址就能实现上图效果。

Image with link:

推荐整理分享CSS opacity - 实现图片半透明效果的代码(css nowrap),希望有所帮助,仅作参考,欢迎阅读内容。

CSS opacity - 实现图片半透明效果的代码(css nowrap)

文章相关热门搜索词:css specificity,css中opacity,css positive,css specificity,css如何实现,css中opacity,css caption,css caption,内容如对您有帮助,希望把文章链接给更多的朋友!

代码实例之纯CSS代码实现翻页效果 纯CSS实现翻页效果,原理比较简单,书签配合隐藏。[Ctrl+A全选注:如需引入外部Js需刷新才能执行]同样,举一反三,可以做出其他的翻页的效果。新

用css来控制图片大小显示的实现方法与代码 有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度css代码如下:img,aimg{border:0;margin:0;padding:0;max-width:px;width:

比较漂亮的一个导航条的效果DIV+CSS 导航条的一个效果DIV+CSS现在应用于客齐集网站!style*{margin:0;padding:0;list-style:none;}body{font-size:px;margin:px;}#info{border:1pxsolid#BCFF1D;width:px;background:#D6FF8C

标签: css nowrap

本文链接地址:https://www.jiuchutong.com/biancheng/371976.html 转载请保留说明!

上一篇:CSS设置网页的字体 防浏览器浏览页面字体变形(网页设计css文字居中)

下一篇:代码实例之纯CSS代码实现翻页效果(html+css代码)

  • 企业的免税收入用于支出所形成的费用
  • 企业所得税的起征点
  • 出纳与会计现金对不上
  • 机票抵进项税税率
  • 福利企业的税收优惠政策
  • 给国外汇款交增值税吗
  • 发票先收到下个月才付款
  • 渔业专业合作社简介
  • 员工异地交纳保险怎么交
  • 公司购买汽车抵税规则
  • 增值税普通发票怎么开
  • 运费抵扣增值税是什么意思
  • 超过单张发票限额
  • 机票进项税额怎么申报
  • 利润表有盈利能力吗
  • 转让旧固定资产怎么做账
  • 本月无收入怎样申报?
  • apple取消支付方式
  • microsoft阻止应用启动
  • 在建工程会计账务处理是否有利润表
  • 电脑自带网速测试
  • 电脑管家系统异常要修复吗
  • video标签自动播放可以带声音吗
  • schedulerv2.exe - schedulerv2是什么进程 有什么用
  • 补充养老保险税收规定扣除率
  • 分公司 股东
  • 二手商铺要缴纳契税吗
  • 财务如何核对会计信息
  • 交所得税的会计科目
  • 外汇申报是什么意思
  • vscode写前端代码,如何运行
  • vue3使用教程
  • yolo训练参数
  • 资产负债表净资产为负数
  • 企业提前还贷为什么违约
  • 汉诺塔问题动画演示
  • 基于vue的开源甘特图控件
  • php安装不上
  • 餐饮服务需要卫生许可证吗
  • 价外费用企业所得税
  • 小规模纳税人运输费计入什么科目
  • 企业职工福利费使用范围和标准
  • 收到费用发票分录
  • 大家怎么看理想这个牌子
  • 汽车装修费计入哪个科目
  • 合同资产计提减值准备的依据
  • 开出地税发票(工程款)怎么做账?
  • 公司人事怎么办公积金提取流程?
  • 应发工资应税工资
  • 异地成立子公司能用母公司的名称吗?
  • 计提人工成本会计分录
  • 应收应付可以相互冲销吗
  • 开一般户需要什么理由
  • mysql必知必会 pdf完整版
  • xp系统可以双屏吗
  • 注册表regsz是什么意思
  • 电脑操作系统win7
  • FreeBSD5.4之apache-2.0.54+php+ZendOptimizer简单安装、设置
  • win10 rs5
  • 重装系统后没声音怎么解决win7
  • Windows XP用户账户控制
  • centos怎么设置
  • win10系统资源管理器怎么重新安装
  • win8创建我的电脑
  • win10禁止显卡驱动自动安装
  • qt pro load
  • perl格式化输出
  • linux for i in
  • 7z.exe 命令行
  • 安卓焦点
  • 利用ctypes提高Python的执行速度
  • 面向对象的java语言
  • javascript面向对象精要pdf
  • boost源码编译
  • 税盘上怎么查每个月一共开了多少金额
  • 江西企业社保缴费基数查询
  • 北京地税咨询热线
  • 济南保安证查询系统
  • 竣工开始缴房产税吗
  • 重庆网上社保怎么交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设