2007-09-11

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

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

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

  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;height:100px; background:#ff0; } /* FireFox */
  5. *html #wrapper { width: 80px;} /* ie6 fixed */
  6. *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
  7. style>
  8. head>
  9. <body>
  10. <div id="wrapper">div>
  11. body>
  12. html>

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

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下：
  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;*width: 60px !important;*width: 80px;height:100px;
  5. background:#ff0;}
  6. /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/
  7. style>
  8. head>
  9. <body>
  10. <div id="wrapper">div>
  11. body>
  12. html>


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

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下：
  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;*width: 60px;_width: 80px;height:100px; background:#ff0;}
  5. /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/
  6. style>
  7. head>
  8. <body>
  9. <div id="wrapper">div>
  10. body>
  11. html>

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

您还没有登录，请登录后发表评论

tiger.passion
搜索本博客
我的相册
636a5d3f-1fce-3bb9-89d8-b13e5c6318d4-thumb
w3c01
共 46 张
存档
最新评论