css 实现透明效果 。。支持ie，ff。

最新推荐文章于 2025-12-02 22:03:53 发布
原创 最新推荐文章于 2025-12-02 22:03:53 发布 · 462 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #css #firefox #filter

本文介绍如何使用不同的CSS属性来实现元素的透明效果，包括针对Firefox浏览器的-moz-opacity属性，通用的opacity属性，以及针对IE浏览器的filter属性。

-moz-opacity: .5; /*对于firefox*/

或 opacity:0

filter:alpha(opacity=0);  /*对于ie*/

tutuliu
关注
CSS兼容IE的透明度设置
divi
06-30 478
opacity:1; filter:alpha(opacity=100)  
html5 csss透明,详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
weixin_39976733的博客
06-23 288
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。首先，...
实现FF背景透明，文字不透明
05-21 282
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/ 转载于:https://www.cnblogs.com/laohan110/p/4519571.html
CSS透明opacity和IE各版本透明度滤镜filter的兼容
知行合一
06-12 2773
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">
CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
热门推荐
freshlover的专栏
12-05 14万+
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。 首
css透明效果代码结构,用CSS实现背景半透明效果的方法实现_css
weixin_39959335的博客
08-03 351
如何用css实现背景半透明效果？做过活动页面的同学可能会遇到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现，我们有更简单的做法：背景为红色(#FF0000)，透明度20%。CSS代码：.alpha1{width:300px;height:200px;background-color:#FF00...
css加透明边框,CSS3实现透明边框的方法分享
weixin_29471325的博客
08-03 1394
我们在写项目的时候，经常性的会遇到弹出层的效果。UI的同学效果做的还挺漂亮的，类似截图如下就是半透明的边框。汗，前端的同事想到的方案是 做个10*10的png24的半透明图片，然后作为背景平铺(让外层盒子的内边距=弹出层边框的宽度)这样能模拟出透明边框的效果。但是万恶的IE6不支持PNG透明。。。。。抓狂！今天找到一个比较优的解决方案，使用RGBA.先是说说 RGB,RGB色彩模式(也翻译为“...
探索纯CSS实现逼真水滴动画效果
weixin_42186015的博客
05-25 805
简介：本文详细介绍了如何仅使用CSS创建动态水滴效果，涵盖了利用CSS3特性如伪元素、过渡效果和径向渐变来模拟水滴形状、增加立体感和动态交互。通过实例代码，展示了如何通过调整box-shadow、径向渐变背景和动画过渡等属性，实现逼真的视觉效果，提升网页设计的吸引力和用户交互体验。
css里阴影效果,css实现阴影效果(box-shadow)
weixin_35873811的博客
08-03 1712
box-shadow 使用方法设置块阴影语法：box-shadow：||取值：?? ||：阴影水平偏移值(可取正负值)；阴影垂直偏移值(可取正负值)；阴影模糊值；阴影颜色说明：引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-shadow在IE中，可以使用filter:shadow来实现阴影效果, 同一个fi...
CSS代码实现背景透明文字不透明
HELLO WORLD
09-23 510
按照以前的写法是使用两个元素来控制，一个写背景透明、一个写文字。然后通过定位：absolute和层级：z-index来控制。现在我们可以通过如下方法使用一个元素来控制： 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属特性filter:属性来制作透明背景。...
CSS实现 Firefox 和 IE 都支持的半透明效果
12-10
filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
javascript支持IE和firefox(FF)的渐变透明效果
10-30
标题和描述中提到的焦点是JavaScript实现的跨浏览器渐变透明效果，特别是针对Internet Explorer（IE）和Firefox（FF）这两种浏览器。渐变透明是一种视觉效果，可以使元素从完全不透明逐渐变为半透明或从半透明过渡到...
Css如何实现背景色透明或半透明但内容不透明
09-25
对于Internet Explorer浏览器，由于它对CSS3透明度的支持有限，我们可以使用滤镜（filter）来实现背景透明。以下是一个例子： ```css .demo { background-color: transparent; /* 设置背景颜色为透明 */ filter: ...
CSS HACK收集：关于IE6/FF/google等浏览器hack的方法详细
09-25
IE6不支持PNG8以上的半透明效果。可以考虑使用图片替换、JavaScript解决方案，但这些可能影响页面加载速度。最佳实践是尽可能避免在IE6中使用半透明图片，或者使用专为IE6设计的PNG透明解决方案。 4. **IE6下的...
CSS 网页布局：技术基础与实践技巧
最新发布
csbysj2020的博客
12-02 404
CSS网页布局是前端开发中的核心技术之一，掌握CSS布局的基础知识和实践技巧对于成为一名优秀的前端开发者至关重要。本文介绍了CSS布局的基础知识、布局模型、实践技巧以及响应式布局，希望对读者有所帮助。
css 父节点设置display: flex； align-items: center；，子节点如何跟随其他子节点撑高的高度
PrimaryColor
12-02 73
父节点设置display: flex;，子节点如何跟随其他子节点撑高的高度？如果子节点设置了height，那么需要取消height的属性，让height为auto。
主题切换（1）：css变量的使用（:root）
Z_Wonderful的博客
12-01 404
:root 是一个伪类选择器，它匹配文档的根元素（即 <html> 元素）。使用 :root 定义 CSS 变量（自定义属性）可以让变量具有全局作用域，方便在整个项目中统一管理和动态调整样式
HTML/CSS 核心考点详解（字节跳动 ToB 中台场景）
2402_87628679的博客
12-01 819
语义化 HTML 就是用有明确含义的标签（如<header><nav><main>）替代无意义的通用标签<div>，让 HTML 结构 “自解释”—— 不用看 CSS/JS，就能看懂页面各部分的功能。块级格式化上下文，是一个 “独立的渲染区域”，区域内的元素布局不受外部影响，同时也不会影响外部元素。可以理解为：BFC 是一个 “隔离的盒子”，盒子里的元素怎么布局，都和盒子外的元素没关系。知识点核心考点实战场景语义化 HTML常用语义标签、结构合理性系统页面布局、模块划分Flex 布局。
[Vue]AntV1.7表格自带筛选确定和重置按钮位置交换
萌狼蓝天の技术栈
12-01 447
原来： 修改后：代码如下： 贴上AI的笔记(因为这个问题就是交给AI解决的 —— 感谢Kiro)需要自定义 Ant Design Vue 表格筛选器下拉框中的按钮样式：由于筛选器下拉框是通过 Portal 渲染到 body 下的，scoped 样式无法生效，需要添加一个不带 的 标签。 2. 关键技术点 2.1 Flexbox 布局控制顺序 使用 启用弹性布局 使用 属性控制元素顺序( 在前， 在后) 使用 让按钮分别靠左右两边 2.2 选择器精确度 使用完整的类名链： 2.3 样式优先级
jQuery实现跨浏览器层透明效果兼容IE6-9及FF
本文主要探讨了如何利用jQuery实现一个层（div）的透明效果，使之能在多种浏览器版本，包括IE6、7、8、9以及Firefox（FF）中正常工作。在HTML结构中，我们看到以下几个关键部分： 1. **标题**：“实现层透明，兼容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值