opacity 透明属性ie8以下浏览器的兼容写法。

最新推荐文章于 2024-09-02 09:13:07 发布

Asurazz

最新推荐文章于 2024-09-02 09:13:07 发布

阅读量484

点赞数 6

文章标签： css javascript

本文链接：https://blog.csdn.net/Asurazz/article/details/107245268

版权

opacity（0—1）css的透明属性在IE8之前的版本有兼容问题；
如何处理：
例如：opacity：0.4；
filter：过滤器
filter：alpha(opacity：40）
里面的属性值是相对应的。如上所示0.4相对应的就是40.
0.6——60.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Asurazz

关注关注

6
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js和jQuery设置Opacity半透明兼容IE6

01-19

1.css设置透明度透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的，IE使用滤镜filter的alpha属性，firefox和其它浏览器不支持滤镜，它们使用opactiy属性设置透明度，下面示例设置透明度为30%： IE：filter: alpha(opacity:30)； firefox：opacity(0.3)； 2.使用js设置透明度为了兼容IE与其他浏览器对透明度的设置，我们需要对以上两种样式分别进行设置。下面是一段示例代码：复制代码代码如下:var alpha = 30; //透明度值变量 var oDiv = document.getElementById(‘di

JAVASCRIPT IE 与 FF 中兼容写法记录

10-30

为了实现JavaScript代码在Internet Explorer（IE）和Mozilla Firefox（FF）两大浏览器中的兼容性，开发者们需要了解两种浏览器在DOM操作、事件处理、CSS属性以及JavaScript对象和属性上的差异性。以下是一些关键知识...

2 条评论您还未登录，请先登录后发表或查看评论

透明兼容写法

alka39087的博客

04-16

139

最常见的是opacity方法 .class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 这种方法的缺点就是不止背景透明，里面的文字也会变成透明 rgba方法： ba...

推出一款透明浏览器，提升Web应用和PWA体验【支持静态HTML、CSS和JavaScript】【让用户在我们的Web应用/PWA中查看桌面壁纸】...

最新发布

湖北太米网络科技有限公司

09-02

241

推出一款透明浏览器可以提升 Web 应用和 PWA 的体验，让用户在我们的 Web 应用/PWA 中查看桌面壁纸。以下是一些步骤来实现这个目标：选择技术栈：确定使用的技术框架和工具，例如 HTML、CSS 和 JavaScript。设计用户界面：创建一个简洁、直观的用户界面，包括浏览器的菜单栏、地址栏、后退/前进按钮等。实...

IE8不支持opacity属性的问题

夜猫

01-04

838

近期需求要对文件选择按钮做美化:改变文件选择按钮的默认样式 opacity属性在Chrome里有效，IE8（含）以下不支持这个属性，解决办法：把style="opacity:属性值" 替换成 style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"即可。至此，一个小功能就做完了，但是在选择文件时，input框...

opacity兼容ie8

万花果子的博客

10-08

1285

兼容ie6-8的透明度问题.demo{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

CSS透明与兼容不同版本浏览器写法

weixin_43263240的博客

02-18

370

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>透明度</title> <style> *{margin:0;padding:0;} .function1{ width:200px; height:200p...

详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

12-13

CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体...关于浏览器对opacity属性的兼容性请继续往下看

IE、FF浏览器下修改标签透明度

09-04

针对现代浏览器，可以使用CSS3的`opacity`属性来设置透明度，这是跨浏览器兼容性较好的方法。对于HTML文档，可以在CSS样式表中直接写入： ```css #IMG1 { opacity: 0.5; } ``` 或者在JavaScript中，如上所述...

CSS opacity - 实现图片半透明效果的代码

10-30

本文将详细介绍如何使用CSS中的`opacity`属性来实现图片的半透明效果，并确保该效果在不同的浏览器（包括IE和Mozilla Firefox）中都能得到良好的支持。 #### 二、CSS Opacity 属性简介 `opacity`属性用于设置元素的...

多个浏览器透明度设置

12-11

对于较旧的IE浏览器（IE4到IE9），可以通过使用`filter`属性和`alpha(opacity=xx)`函数来设置透明度。其中`xx`代表透明度的值，与`opacity`相似，取值范围为0到100。如下所示： ```css filter: alpha(opacity=80); ...

透明浏览器，可以设置透明度的浏览器

05-23

基于ie内核的浏览器，可以设置透明度（0-100），0代表完全透明，数值可以随便设置（最小值为15），按ESC键浏览器立即退出，不想让别人看到你在上网，可以用此浏览器。

解决IE8下opacity属性失效问题

weixin_30256901的博客

03-16

548

由于opacity属性存在兼容性问题，所以在IE8下，用opacity来设置元素的透明度，会失效，从而导致页面的样式问题。在IE8及其更早的浏览器下，我们可以使用filter属性，来代替opacity属性，从而达到IE8下设置元素透明度目的。例如，需要将div的透明度设置为80%，相应的写法应该为：作者：肖生克的九叔_链接：https://www.jianshu.com/p/7...

opacity

xinwenhuayu的博客

02-06

5933

1. 作用设置元素的透明背景 2. 取值 (1) 取值范围0~1 (2) 0表示完全透明，1表示完全不透明，0.5表示半透明 3. 示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>opacity</title> <...

让ie兼容opacity属性的方法

weixin_30484247的博客

03-15

166

如何设置Div半透明效果，并兼容IE6+ Firefox等，看下面样式： Yuzi_Class{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;} 但Firefox 3.5+已不再支持 –moz-opacity 这个属性了，现在都要改用opacity属性。于是样式需要这样设置...

IE各个版本下的透明兼容性写法

Jachin的博客

06-19

2355

做个笔记： .transparent { /* Required for IE 5, 6, 7 */ /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ ...

兼容ie背景透明、里面元素不透明写法

小白变不白

09-10

1153

兼容ie背景透明、里面元素不跟着继承透明写法代码如下

ie8兼容透明度opacity

weixin_30716725的博客

09-10

113

opacity: 0.4;filter: alpha(apocity=40%);filter: alpha(opacity = 40) !important;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=40)' !important; 转载于:https://www.cnblogs.com/l-y-z/p/9621434....

解决IE8以下浏览器不支持CSS属性opacity的问题

tangxinzhuan

08-22

3309

给CSS加上filter: Alpha(opacity=50)即可。

CSS浏览器兼容性完全指南

CSS3的`opacity`属性在IE8及以下版本不支持，可以使用滤镜`filter`： ```css .transparent { opacity: 0.5; /* 其他浏览器 */ filter: alpha(opacity=50); /* IE8及以下 */ } ``` 7. **圆角兼容**： CSS3的...