29
2018
12

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

针对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/post/7553.html

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

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。