<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>透明度兼容</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#abc {
width: 533px;
height: 300px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="abc" style="opacity:1;"><img src="img/1.jpg" /></div>
<input type="button" value="按钮" onclick="cha()" />
</body>
<script type="text/javascript">
function cha() {
var t = document.getElementById("abc");
var a = window.navigator.userAgent; //用户浏览器标识符
var a1 = a.indexOf("MSIE 6.0"); //浏览器名称和版本
var a2 = a.indexOf("MSIE 7.0"); //字符串.indexOf("后者") 能够查找后者在前者中出现的位置,下标从0开始,如果前者不存在后者中 那么结果为-1
var a3 = a.indexOf("MSIE 8.0");
if (a1 != -1 || a2 != -1 || a3 != -1) {
t.style.filter = "alpha(opacity=" + 50 + ")" //IE678透明度
} else {
t.style.opacity=0.5; //谷歌、火狐、IE9以上
}
}
</script>
</html>