透明度设置和Firefox、IE对CSS的兼容

时间：5年前阅读：4921

针对firefox ie6 ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>无标题文档</title>    
<style type="text/css">    
	*{    
		padding: 0;    
		margin: 0;    
	}    
	#hd{    
		width: 300px;    
		height: 300px;    
		background: #FF69B4;    
		position: absolute;    
		left: 0px;    
		top: 0px;    
		/*透明度*/    
		/*值在（0~1之间）值0是完全透明，1是完全不透明*/    
		/*正规浏览器（火狐等）用*/    
		opacity: 0.5;    
		这个是IE浏览器用的，透明度值在（0~100之间）    
		filter: alpha(opacity=55);    
	}    
</style>    
</head>    
<body>    
<h1>好好看的网</h1>    
<div id="hd"></div>    
</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

透明度设置和Firefox、IE对CSS的兼容

网友评论