码迷,mamicode.com
首页 > 其他好文 > 详细

在chrome中通过getComputedStyle()获取透明度的问题

时间:2015-05-05 16:49:04      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:js 透明度

<!DOCTYPE html>
<html>
	<head>
	<style>
	img{
	width:100px;
	height:100px;
	filter:alpha(opacity:94);
	opacity:0.94;
}
	</style>
	<script>
	window.onload=function(){
	var oImg=document.getElementById(‘img1‘);
	alert(getComputedStyle(oImg,false).opacity);
}
	</script>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>RunJS</title>
	</head>
	<body>
	<div>
		<img id=‘img1‘ src=‘http://sandbox.runjs.cn/uploads/rs/60/vnrn5xjh/uuu.jpg‘/>
		</div>
	</body>
</html>

在chrome下弹出

技术分享

而  IE9/Firefox/Safari/Opera 弹出的分别是0.94

jQuery的css方法也存在这个问题。 注意!

参考:http://www.cnblogs.com/snandy/archive/2011/07/27/2118441.html

在chrome中通过getComputedStyle()获取透明度的问题

标签:js 透明度

原文地址:http://onthecloud.blog.51cto.com/7312338/1642094

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!