背景透明度的css3,兼容老版本的浏览器的兼容

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div.wrap{
width:300px;
height: 200px;
margin: 50px auto;
padding-top:100px;
line-height: 60px;
text-align: center;
background: rgba(0,0,0,0.2);
color: #000;
font-family:"MicroSoft Yahei";
font-size: 30px;

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */

}
</style>
</head>
<body>
<div class="wrap">关于Css3背景透明属性的测试</div>
</body>
</html>

时间: 2024-10-05 22:08:28

背景透明度的css3,兼容老版本的浏览器的兼容的相关文章

兼容低版本IE浏览器的边框阴影效果

兼容低版本IE浏览器的边框阴影效果:使用box-show属性可以实现边框阴影效果,但是IE8和IE8以下浏览器不支持此属性,不过可以通过以下方式实现,当然实现全兼容的方式有多种,下面是一种比较简陋的方式,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www

兼容多版本IE浏览器flv播放

以上代码兼容多版本IE浏览器 <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='601' height='419'> <param name='movie' value='flv/Flvplayer.swf' /> <param name='quality' value='high' /> <param name='allowFullScreen' value='true' /&

模拟实现兼容低版本IE浏览器的原生bind()函数功能

模拟实现兼容低版本IE浏览器的原生bind()函数功能: 代码如下: if(!Function.prototype.bind){   Function.prototype.bind=function(oThis){     if (typeof this !== 'function'){       throw new TypeError('调用者不是当前函数对象');     }       var aArgs = Array.prototype.slice.call(arguments, 1

低版本IE浏览器不兼容placeholder解决方法

虽说现在很多网站都放弃了IE浏览器的低版本,但是很多时候咱们还得看甲方的要求就制作网站.如果甲方要求兼容IE789,那么咱们就得给人家做出来兼容的产品. 今天就IE789的input标签的placeholder说一说解决方法. 一.优雅降级解决(极力推荐) 也就是俗称的不解决细节,只要大体能满足浏览的要求就可以,placeholder低版本不显示,那么咱们就不在去做兼容方法,反正以后的几年IE低版本的浏览器会被淘汰. 二.使用input的value制作placeholder的效果 这个是我以前用

AngularJs学习笔记--IE Compatibility 兼容老版本IE

Short Version(简述) 为了让我们的angular应用在IE上工作,请确保: 1. 按需引入JSON.stringify(IE7或以下的都需要这玩意).我们可以使用JSON2(https://github.com/douglascrockford/JSON-js)或者JSON3(http://bestiejs.github.com/json3/). 2. 不要使用自定义标签,诸如<ng:view>(用属性版代替,如<div ng-view>).如果还是想使用,则请看第3

CSS如何设置div背景透明度且兼容性良好

CSS如何设置div背景透明度且兼容性良好: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. 设置对象的透明度在很多网页特效中都有实用,设置对象的透明度并不难,唯一的难点可能就是如何兼容各大主流浏览器,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" cont

解决opacity属性在低版本IE浏览器下失效的方法

以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了. 其实,只使用opacity+jquery就完全解决这个问题. 用法如下: <script type="text/javascript"> $(function () { $("#p1&qu

split方法在低版本IE浏览器上无法解析的问题

今天在项目中发现一个很诡异的问题,通过js获取cookie时,发现赋给用户name的时候IE9和低于9以下的浏览器对比时获取到的名字不一样,通过调试发现是split方法在解析||时当值为空时就会出现被“吃掉”的问题. 当我们在开发的过程想要对特定的字符进行分割,首相想到的就是使用split函数,这样是一个效率非常高的方法.但是让人叹息的是该方法虽然可以在Chrome和Firefox正常运作,但是在低版本IE浏览器却无法正常工作,IE9及以上版本都没有问题.split方法是支持正则表达式的,ES中

解决输入框placeholder属性不兼容IE9及以下浏览器问题

placeholder是HTML5的新属性,对于一些低版本的浏览器不兼容,所以要使用一些别的方法. 解决方法:引入jquery.placeholder.js文件,然后再加入以下代码 1 <!--[if lte IE 9]> 2 <script type="text/javascript" src="static/common/jquery/jquery.placeholder.js"></script> 3 <script&