zoukankan      html  css  js  c++  java
  • 背景透明IE和rgba

        opacity:0.5;

        filter:Alpha(opacity=40); //IE8以下

        当我们设置opacity透明时,opacity后代元素会随着一起具有透明性,所以我们Opacity中的文字随着透明值下降越来越看不清楚,而RGBA不具有这样的问题,但是IE浏览器不支持rgba属性。

        

        

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style type="text/css">
    		.container{
    			 500px;
    			height:378px;
    			margin: 100px auto;
    			position: relative;
    		}
    
    		.container i{
    			 500px;
    			height:378px;
    			position: absolute;
    			top: 0px;
    			color:#fff;
    			font-size: 50px;
    			background-color: #000;
    
    			/* 字颜色会变 */
    			/* opacity: 0.4;
    			filter: Alpha(opacity=40); */
    
    			/* 字颜色不会变 */
    			background: transparent; 
    			background-color: rgba(0, 0, 0,0.5);
    			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000);  
    		}
    	</style>
    </head>
    <body>
    	<div class="container">
    		<i>喵喵喵</i>
    		<img src="a6.jpg">
    	</div>
    </body>
    </html>
    

      

  • 相关阅读:
    PHP分页类
    phpexcel 控制导出数据内容和行数
    phpexcel 导入 和 导出
    PHP无限极分类
    php 对查询结果集进行排序
    php 删除文件夹及文件夹内文件函数
    php 字符串截取函数
    php 获取用户登录的ip
    js layer页面层加载新网站
    分享到qq
  • 原文地址:https://www.cnblogs.com/jakning/p/4242198.html
Copyright © 2011-2022 走看看