如何在IE7下兼容半透明

最新推荐文章于 2020-07-31 14:29:34 发布

文艺er

最新推荐文章于 2020-07-31 14:29:34 发布

阅读量240

点赞数

分类专栏： html/css 前端技术

本文链接：https://blog.csdn.net/wenyier/article/details/84628242

版权

前端技术同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

html/css

23 篇文章 0 订阅

订阅专栏

background:#3598DB; filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;

CSS opacity 属性

opacity -- 不透明度

取值: <alphavalue> | inherit
- <alphavalue>: 透明度取值(取值范围[0.0,1.0])
- inherit: 继承
初始值: 1(不透明)
继承性: 是
适用于: 所有元素
引用网址:http://www.dreamdu.com/css/property_opacity/
CSS3提出opacity属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

文艺er

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

[IE兼容]element 组件 el-dialog在低分辨率下出现半透明bug

weixin_45776447的博客

05-13

1111

这里写自定义目录标题[IE兼容]element 组件 el-dialog在低分辨率下出现半透明bug解决方法 [IE兼容]element 组件 el-dialog在低分辨率下出现半透明bug IE环境下，当页面内容元素众多时，可能触发dialog组件弹出框的动画卡顿，导致半透明。解决方法 <el-dialog :visible.sync="isShowNew" ></el-dialog> 监听触发visible变化的传入值，一段延迟之后再为visible 赋值 wat

css 半透明 让IE6支持png图片半透明解决方法

09-25

在Fireworks等工具中，可以导出带有Alpha通道的PNG8图片，这种格式在IE6下能实现全透明，但半透明部分也会显示为全透明，可能会有锯齿现象。如果对视觉效果要求不高，这是一个可行的折衷方案。 2. **CSS滤镜** 另...

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

ie7下透明度兼容问题

antelope_2014的博客

04-29

119

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3363370b,endColorstr=#3363370b) 转载于:https://www.cnblogs.com/wujidns/p/4466283.html

【IE7】关于元素层的透明 opacity 兼容，其实许多教程都会有介绍

iuukai

02-03

329

解决方法一同设置：opacity: 0-1; filter: alpha(opacity=0-100); 数值对照 opacity: N; filter: alpha(opacity=N); 0 0 0.1 10 0.2 20 0.3 30 0.4 40 0.5 50 ...

兼容IE透明度解决方式

qq_41429765的博客

07-31

463

div{ opacity:0.4; filter:alpha(opacity:40); }

CSS实现透明度(兼容IE6 IE7 IE8 FF CHROME,其他还未测试)

iVan

01-26

1万+

<br />filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;

IE7 中 div 背景透明的问题

z69183787的专栏

11-27

7543

111111111111111111111 这种情况下是不透明的；但 111111111111111111111 或者 111111111111111111111 IE7 下就是透明的：按照结果来看，只要设置了宽度，IE7 下的 opacity就起作用了，不知道为什么，所以一些大型网站的透明效果还都是用透明PNG 图片来实现吧。

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

10-22

对于每一个网站前端开发人员，常常都会遇到设置div透明度的需求，比如在实现图片幻灯片切换效果经常就需要使图片淡入淡出。本文分别对原生js和jQuery在IE和其它浏览器中设置透明度的方法和相关注意事项进行总结。

纯CSS实现背景半透明文字不透明效果兼容IE6

09-25

此外，为了在IE6中更精确地控制文本的显示，我们还可以对文字的颜色值进行调整，确保其在半透明背景下依然清晰可见。在上述代码示例中，文字颜色已经设置为白色（#fff），在黑色背景上具有良好的对比度和可读性。 ...

IE7下的浮动弹出框背景透明，背景为黑色改为透明

遨游大海

05-04

681

最近在做公司页面时遇到一个问题，就是做了个点击弹出日计费流量浮动框，实现该功能了，在IE11-9下能正常运行，但是一到IE7，8下浮动框背景就是全黑色，并不是透明的，后面网上找了一会儿发现了解决方法，就是将浮动层样式背景颜色改为 background:transparent;这里的transpanrent好像有点学问，需要的自己去了解下。 .theme-popover-mask {

ie（包括ie6、ie7、ie8）下背景透明的方法

duansamve的博客

06-14

322

<div style="z-index: 999; position: absolute;width: 520px; left:50%;top:50%;margin-left:-260px;margin-top:-164px;height: 328px;padding-top: 0; background-color:#000\9;filter:alpha(opacity=77)\9;"&g...

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

热门推荐

freshlover的专栏

12-05

14万+

CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。首

IE6,IE7下设置透明度opacity问题

deng131的专栏

05-24

312

在前端开发中经常被问到IE下这个bug问题： ie6下是因为haslayout的原因，为了触发[color=red]haslayout[/color]属性，更简单的办法就是它设置[color=red]zoom:1;[/color]即可，而且没有任何副作用。 [code="java"].opacity{opacity:0.3;filter:alpha(opacity:40);zoom:1...

IE（6-8）不支持opacity：0；透明度的解决方法

大道至简，开发由我！

11-29

2599

最近在项目中遇到，在IE9下，opacity:0;管用，但是在IE8、IE7下却不管用，在网上找了一下资料，原来IE6-8不支持opacity透明度，解决办法就是在css中加上这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

关于IE7半透明背景问题

soos的博客

12-28

1019

透明度和半透明背景是我们在编辑前端页面时经常使用的CSS属性，但是这两个属性在IE8以下的IE浏览器却不兼容性。透明度我们都知道通过opacity:0.5;filter:alpha(opacity=50); 进行去兼容低版本的IE浏览器，但是对于半透明背景却没有比较实用的方法。下面是关于半透明背景在低版本浏览器使用的一个小的总结，希望对大家有帮助！ 1、通过filter:progid:DX

兼容IE透明度，IE7以及以下版本不加载

梓钰的博客

11-29

454

.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important; }filter:alpha(opacity=50) !important;是针对于IE浏览器兼容opacoty:0.5;建议两个都写上 js里边写下边的内容 var DEFAULT_VERSION = 7.0; var ua

div+css 如何让背景层半透明 内容不透明并且能兼容ie6，ie7，ie8，ff 【转】

weixin_30390075的博客

09-01

240

用一个大的div来包裹阴影层（半透明div）和p标记，p标记要放在阴影层之外；然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等样式，就能实现想要的效果。效果如图：第一种效果（对应第一图）的代码如下： 1 <table> 2 ...

解决ie下遮罩层不透明的问题

good good study,day day up~

11-19

374

有时候需要在做某些操作的时候屏蔽当前页面，比如弹出一个提示div，需要屏蔽整个窗口不能操作，可以用一个遮罩层遮挡 <div class="window-mask-layer"></div> 问题： ie下遮罩层会失效不透明了解决： ie下面滤镜opacity: 0.4; 不起作用需要加入ie的有效方法： filte...

opacity属性兼容问题

lyn1772671980的博客

05-02

3934

目前主流浏览器 Opera 9.0+，Safari 1.2(WebKit 125) +，chrome、firedox、IE11等等都支持opacity这个透明度属性。因此现在全兼容写法只需要兼顾IE6、IE7、IE8opacity{　　　opacity:0.5;　　　filter:alpha(opacity=50); //filter 过滤器兼容IE678}...

解决IE6兼容性问题：PNG透明与布局修复

- PNG半透明图片：IE6不支持PNG-24的Alpha透明，但可以通过CSS滤镜解决，如`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')`。 - 图片大小限制：IE6对背景...