首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 其它教程 > 正文
IE6、IE7、火狐三个浏览器兼容的方法
来源:68design.net 作者:邓飞飞 2008年09月23日 14:15 网友评论:1条 点击:

区别 ff, ie7.0, ie6.0不同浏览器

CSS hack写法

*+html 与 *html    是IE特有的标签, firefox 暂不支持,而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于

FireFox、IE6、IE7三种不通浏览器的hack实例代码如下:


<html>  
<head>  
<style>  
#wrapper { width: 120px;height:100px;   background:#ff0; }    /* FireFox */        
*html #wrapper { width: 80px;}    /* ie6 fixed */      
*+html #wrapper { width: 60px;}    /* ie7 fixed, 注意顺序 */      
</style>  
</head>  
<body>  
<div id="wrapper"></div>  
</body>  
</html>  

2.IE6能识别*,但不能识别 !important,IE7能识别*,也能识别!important;FF不能识别*,但能识别!important;因此也可以写出一个针对于

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下:

<html>  
<head>  
<style>  
#wrapper { width: 120px;*width: 60px !important;*width: 80px;height:100px;
background:#ff0;}  
/*注意 firefox的写在前面,IE7的写在中间,IE6的写在最后面*/  
</style>  
</head>  
<body>  
<div id="wrapper"></div>  
</body>  
</html>  


3.还有可以利用的是ie6.0支持下划线(即"_"),因此也能写出一个针对于

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下:

<html>  
<head>  
<style>  
#wrapper { width: 120px;*width: 60px;_width: 80px;height:100px;   background:#ff0;}  
/*注意 firefox的写在前面,IE7的写在中间,IE6的写在最后面*/  
</style>  
</head>  
<body>  
<div id="wrapper"></div>  
</body>  
</html>  

当然hack远不止这些,只要了解属性在各浏览器中不同的解析原理或是能否识别,再加以组合就可以是一套用来解决浏览器兼容性的hack.
<!--[endif]--> 

上一篇:浅谈电子杂志   下一篇:使用window.name解决跨域问题
收藏此页】【打印】【关闭
 相关文章  我要点评
·9款主流浏览器图标png
·谷歌Chrome浏览器曝出地址欺骗安全漏洞
·浏览器纷纷打出“隐私”牌
·瑞星警告:谷歌等安全浏览器只是摆设
·谷歌Chrome成“流星” 市场额跌至0.77%
·最全的CSS浏览器兼容问题
·谷歌Chrome不是浏览器
·周鸿祎:谷歌浏览器要颠覆整个微软帝国

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】