透明度设置和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,我们将及时处理。
微信扫码关注
更新实时通知