ie8浏览器下透明度处理-阿里云开发者社区

开发者社区> 郭生生> 正文

ie8浏览器下透明度处理

简介: css3新增属性rgba和opacity:(0~1); 在ie8下无法使用、Alpha(opacity=[0~100]);//[0~100] 0是透明 100是不透明。 IE下的透明度属性,子元素会继承这个透明度。下面有阻断子元素继承方法。
+关注继续查看

css3新增属性rgba和opacity:(0~1); 在ie8下无法使用

Alpha(opacity=[0~100]);//[0~100] 0是透明 100是不透明。 IE下的透明度属性,子元素会继承这个透明度。下面有阻断子元素继承方法。

解决方法:
背景透明,文字不透明。

    <style>
        .a{  
            width: 200px;
            height: 200px;
            font-size: 20px;
            line-height: 200px;
            text-align: center;
        }

        .r{
        //设置透明度父元素定位
            position: static;
        //设置背景颜色
            background-color: indigo;
        //设置父元素透明度属性
            filter: Alpha(opacity=30);
        }

        .r p{
        
 //设置内容盒子定位,阻断透明度传播
            position: relative;
        }

    </style>
<body>
        <h1>背景透明 文字不透明</h1>
        <div class="a r">
        //内容需要套盒子
            <p>HHHH</p>            
        </div>
</body>

a.png

背景透明,文字也透明。

    <style>
        .a{
            width: 200px;
            height: 200px;
            font-size: 20px;
            line-height: 200px;
            text-align: center;
        }
        .l{
     
            background-color: indigo;

        //设置透明度,
            filter: Alpha(opacity=30);
        }

    </style>
<body>
        <h1>背景透明 文字透明</h1>
        <div class="a l">HHHH</div>
</body>

b.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9801 0
图像处理详解之图像透明度
Android支持的颜色系统是RGB,Alpha最后的Alpha表示透明度,他的取值是0-255,。通过设置Alpha的值,我们可以改变图像的透明度。 下面举例说明,效果图如下: public class MainActivity extends Activity imple...
627 0
写个批处理脚本来帮忙干活--遍历文件夹&字符串处理
原文:写个批处理脚本来帮忙干活--遍历文件夹&字符串处理 这次打算写几篇关于脚本方面的博客,主要是记录一下 Gradle 脚本和批处理脚本的一些写法,方便后续查阅。 前言 平常开发过程中,一些较为重复的手工性工作,如果能让脚本来帮忙处理,自然是最好的,刚好之前有些工作有点过于重复且都是手工性去完成,所以就想着能否写个脚本来处理。
812 0
ie8浏览器下透明度处理
css3新增属性rgba和opacity:(0~1); 在ie8下无法使用、Alpha(opacity=[0~100]);//[0~100] 0是透明 100是不透明。 IE下的透明度属性,子元素会继承这个透明度。下面有阻断子元素继承方法。
143 0
泰德兰电子:传感器3种常用算法处理,请收藏!(含代码)
在传感器使用中,我们常常需要对传感器数据进行各种整理,让应用获得更好的效果,以下介绍几种常用的简单处理方法:1.加权平滑:平滑和均衡传感器数据,减小偶然数据突变的影响;2.抽取突变:去除静态和缓慢变化的数据背景,强调瞬间变化;3.
550 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13525 0
Spring MVC 中处理模型数据 (一)ModelAndView ModelMap @sessionAttributes
1、目标方法的返回值可以是 ModelAndView 类型。 * 其中可以包括视图和模型信息 * SpringMVC 会把 ModelAndView 的 model 中数据放到 request 域对象中。 2、目标方法可以添加Map 类型(实际上也可以是Model类型 或 ModelMap类型)的参数。 3、@sessionAttributes 除
2334 0
+关注
58
文章
24
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载