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

最新推荐文章于 2024-06-10 09:49:45 发布
最新推荐文章于 2024-06-10 09:49:45 发布
阅读量454 收藏
点赞数 6
文章标签： css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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.

Asurazz
关注
  • 6
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
透明浏览器，可以设置透明度的浏览器
05-23
基于ie内核的浏览器，可以设置透明度（0-100），0代表完全透明，数值可以随便设置（最小值为15），按ESC键浏览器立即退出，不想让别人看到你在上网，可以用此浏览器。
CSS透明opacity和IE各版本透明度滤镜filter的准确用法
YLXB2的博客
01-24 1101
Opacity属性用来设置一个元素的透明度，取值范围是0~1之间，不可为负值;opacity取值为1是完全不透明，取值为0是完全透明，只是视觉上看不见。 浏览器对opacity属性的兼容性： -ms-filter:   IE8又引入了此特殊的，不过，这种写法的寿命也不长，到IE10已经不再支持。 -khtml-opacity:   Safari 1.2之前的版本，是基于khtml的浏
推荐开源项目：Glass Browser——透明浮动浏览器
最新发布
gitblog_00061的博客
06-10 346
推荐开源项目：Glass Browser——透明浮动浏览器 项目地址:https://gitcode.com/mitchas/glass-browser 在寻找一款独特且实用的浏览器？来看看Glass Browser吧，这是一款专为Windows设计的浮動透明浏览器，它将重新定义你的浏览体验。 项目介绍 Glass Browser 是一个创新的应用程序，具备始终置顶和可调整透明度的独特特性。这款...
opacity
xinwenhuayu的博客
02-06 5886
1. 作用 设置元素的透明背景 2. 取值 (1) 取值范围0~1 (2) 0表示完全透明，1表示完全不透明，0.5表示半透明 3. 示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>opacity</title> <...
ie8不支持opacity,多浏览器设置透明度
qq_35456400的博客
12-24 417
opacity:0.7方法用来设置元素透明度，ie8不支持这个方法 ie ：filter:alpha(opacity=70); Mozilla：-moz-opacity; Safari：-khtml-opacity=0.7; 可以把这些属性都写上，这样在各个浏览器加载的时候会用自己浏览器支持的方法，其他方法不加载； ...
浏览器扩展系列————透明浏览器窗口的实现
weixin_33766805的博客
04-26 225
首先先看一下效果图： 本实现是基于WPF，VS版本2008 SP1。 先说一下在Winform中的实现方法：很简单通过设置窗体的opacity来实现，或者还可以设置TransparentKey来实现某种颜色透明。但是在WPF中则如何实现呢？ 通过设置窗体的opacity，那么得到结果就是webbrowser整体消失了。因为这里面涉及到WPF中“空域”的问题，相关的文章如下...
IE、FF浏览器下修改标签透明度
09-04
针对现代浏览器，可以使用CSS3的`opacity`属性来设置透明度，这是跨浏览器兼容性较好的方法。对于HTML文档，可以在CSS样式表中直接写入： ```css #IMG1 { opacity: 0.5; } ``` 或者在JavaScript中，如上所述...
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
12-13
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体...关于浏览器对opacity属性的兼容性请继续往下看
CSS 透明度属性
12-08
为确保跨浏览器兼容性，可以采用以下CSS代码： ```css .example { opacity: 0.8; /* Firefox, Safari, Opera */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); zoom: 1; /* 触发IE...
IE兼容文档
04-03
在Web开发中，浏览器兼容性一直是一个重要的问题，尤其是对于旧版本的Internet Explorer（IE），如IE6和IE7。本文主要讨论如何通过CSS Hack来解决IE、Firefox等浏览器之间的样式兼容问题。 一、CSS Hack 1. `!...
CSS过滤器无法生效,IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working)...
weixin_36378832的博客
08-03 519
IE8不透明度/过滤器css样式不起作用(IE8 opacity/filter css style not working)我有以下风格：.LinkActionButtonDisabled{cursor: default;color: inherit;filter: alpha(opacity=40);opacity: 0.4;}这适用于FF和chrome以及IE10向上，但在IE8和9中filt...
TransparentWebView:TransparentWebView 是 Mac OS X 的透明网页浏览器。也就是说，如果访问的网页没有背景色，或者背景色设置为透明，则整个浏览器窗口将是透明的
06-21
透明网页浏览器 TransparentWebView 是 Mac OS X 的透明 Web 浏览器。这意味着如果访问的网页没有背景色，或者背景色设置为透明，则整个浏览器窗口将是透明的。 自定义覆盖 UI 无处不在 TransparentWebView 的窗口没有边框或阴影，将始终位于其他窗口的顶部。 它只有一个标题栏，因此您可以四处移动窗口，并且它有一个调整大小的手柄（带有倾斜“抓握”线的小部件，几乎位于每个 Mac OS X 窗口的右下角），因此您可以调整窗口大小。 透明的浏览器窗口对于特殊技巧可能很有用。 您可以在任何其他应用程序窗口的顶部放置一个透明的屏幕填充窗口，以通过 Web 服务器向屏幕发送特殊消息，或将 Web UI 元素（使用 javascript 构建）添加到任何其他应用程序或快速原型安装。 无边界 窗口也可以设置为无边框，因此即使标题栏和调整大小小部件也不可见。
CSS3中的Opacity多浏览器透明度兼容性问题
09-24
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持，不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari
Opacity
weixin_44573938的博客
03-31 1688
Opacity Opacity属性是CSS中一个有趣的属性，它的作用是使图像变得透明，让图像带上透明度，这就使图像的观赏变得完全不同。 为opacity属性设置不同的数值，其呈现的透明度也就不同。 opacity属性的数值从0~1。 代码： <style> .one{ opacity: 1; } .two{ opacity: 0.8; } .three{ opac...
IE8不支持opacity属性的问题
夜猫
01-04 799
近期需求要对文件选择按钮做美化:改变文件选择按钮的默认样式 opacity属性在Chrome里有效，IE8（含）以下不支持这个属性，解决办法： 把style="opacity:属性值" 替换成 style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"即可。 至此，一个小功能就做完了，但是在选择文件时，input框...
解决IE8下opacity属性失效问题
weixin_30256901的博客
03-16 526
由于opacity属性存在兼容性问题，所以在IE8下，用opacity来设置元素的透明度，会失效，从而导致页面的样式问题。 在IE8及其更早的浏览器下，我们可以使用filter属性，来代替opacity属性，从而达到IE8下设置元素透明度目的。 例如，需要将div的透明度设置为80%，相应的写法应该为： 作者：肖生克的九叔_链接：https://www.jianshu.com/p/7...
ie8兼容透明度opacity
weixin_30716725的博客
09-10 98
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....
opacity兼容ie8
万花果子的博客
10-08 1257
兼容ie6-8的透明度问题.demo{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
ie8的透明度&&透明度的兼容性写法
热门推荐
笔芯君
01-28 1万+
这个要设置背景颜色 background: #FFFFFF; 透明度的兼容性写法 .opacity30{ -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30); 但是要特别注意：设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体
前端项目中如何兼容IE8
05-26
兼容IE8的前端开发需要注意以下几点： 1. DOCTYPE声明：要使用HTML5的文档类型声明，但需要加上X-UA-Compatible元标签指定IE8的文档模式。 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> </head> <body> ... </body> </html> ``` 2. CSS的兼容处理：建议使用CSS3的语法，但需要注意CSS3新增的属性和选择器在IE8中不支持，需要进行兼容处理。 ``` /* IE8中不支持的CSS3属性 */ .box { border-radius: 10px; box-shadow: 0px 0px 10px #000000; background: linear-gradient(to bottom, #ffffff, #cccccc); } /* 对IE8进行兼容处理 */ .box { border: 1px solid #999999; width: 200px; height: 200px; background-color: #ffffff; /* 针对IE8使用filter属性实现圆角和阴影效果 */ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false, opacity=0) progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100, finishOpacity=100, style=2, startx=0, starty=0, finishx=0, finishy=100, GradientType=0) progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=5, color=#000000); /* 针对IE8使用渐变背景 */ background: #ffffff; background: -ms-linear-gradient(top, #ffffff, #cccccc); background: linear-gradient(to bottom, #ffffff, #cccccc); } ``` 3. JavaScript的兼容处理：IE8不支持ES5及以上版本的JavaScript语法和API，需要进行兼容处理。 ``` /* IE8中不支持的ES5语法 */ var arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }); /* 对IE8进行兼容处理 */ var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 总之，兼容IE8需要对HTML、CSS、JavaScript三个方面进行适当的兼容处理，才能保证在IE8下正常显示和运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值