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

最新推荐文章于 2016-03-17 21:29:00 发布

tigerpassion

最新推荐文章于 2016-03-17 21:29:00 发布

阅读量102

点赞数

分类专栏： HTML/CSS 文章标签：浏览器 Firefox HTML IE

HTML/CSS 专栏收录该内容

70 篇文章 0 订阅

订阅专栏

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

FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：<o:p></o:p>

<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.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
区别 ff, ie7.0, ie6.0浏览器

1.*+html 与 *html 是IE特有的标签, firefox 暂不支持，而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：&lt;o:p&gt;&lt;/o:p&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; ...
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。