2023年6月21日发(作者：)

ＩＳＳＮ　１００９－３０４４　Ｅ—ｍａｉｈｉｎｆｏ＠ｄｎｚｓ．ｎｅｔ．ａｎ　ｈｔｔｐ：／／ｗｗｗ．ｄｎｚｓ．ｎｅｔ．ａｎ　Ｔｅ１：＋８６－５５　１—６５６９０９６３　６５６９０９６４　Ｃｏｍｐｕｔｅｒ　Ｋｎｏｗｌｅｄｇｅ　ａｎｄ　Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术　Ｖｏ１．１１，Ｎｏ．７，Ｍａｒｃｈ　２０１５　浅谈浏览器兼容统一性问题与解决方案　王国庆　（湘潭技师学院，湖南湘潭４１１１００）　摘要：目前，在绝大多数高职院校中都有自己的网站，并由本校的教师来进行网页设计与后期维护工作。在网页设计与维　护工作中，可能遇到各种问题，网页设计的最大挑战不在于技术本身，而在于对浏览器兼容性的处理。作为一个合格的网　站前台开发人员，在大多数情况下，要考虑用户无论用什么浏览器查看我们的网站，都应该有一个统一的显示效果。所以　浏览器的兼容性问题是网站前台开发人员经常碰到和必须要解决的问题。　关键词：浏览器兼容；解析；ｌＥ浏览器；ＣＳＳ过滤器；１Ｅ条件语句　中图分类号：ＴＰ３１１　文献标识码：Ａ　文章编号：１００９－３０４４（２０１５）０７－００５７－０２　Ｄｉｓｃｕｓｓｉｏｎ　ｏｎ　ｔｈｅ　Ｂｒｏｗｓｅｒ　Ｃｏｍｐａｔｉｂｉｌｉｔｙ　Ｉｓｓｕｅｓ　ａｎｄ　Ｓｏｌｕｔｉｏｎｓ　ＷＡＮＧ　Ｇｕｏ—ｑｉｎｇ　（Ｘｉａｎｇｔａｎ　Ｔｅｃｈｎｉｃｉａｎ　Ｃｏｌｌｅｇｅ，Ｘｉａｎｇｔａｎ　４１　１　１００，Ｃｈｉｎａ）　Ａｂｓｔｒａｃｔ：ａｔ　ｐｒｅｓｅｎｔ，ｈａｖｅ　ｔｈｅｉｒ　ｏｗｎ　ｗｅｂ　ｓｉｔｅｓ　ｉｎ　ｔｈｅ　ｖａｓｔ　ｍａｊｏｒｉｔｙ　ｏｆ　ｈｉｇｈｅｒ　ｖｏｃａｔｉｏｎａｌ　ｃｏｌｌｅｇｅｓ，ａｎｄ　ｂｙ　ｔｈｅ　ｓｃｈｏｏｌ　ｔｅａｃｈｅｒｓ　ｔｏ　ｄｅ－　ｓｉｇｎ”ａｎｄ　ｌａｔｅｒ　ｍａｉｎｔｅｎａｎｃｅ　ｗｏｒｋ．Ｉｎ　ｔｈｅ　ｗｅｂ　ｄｅｓｉｇｎ　ａｎｄ　ｍａｉｎｔｅｎａｎｃｅ　ｗｏｒｋ，ｍａｙ　ｅｎｃｏｕｎｔｅｒ　ｖａｒｉｏｕｓ　ｐｒｏｂｌｅｍｓ，ｔｈｅ　ｂｉｇｇｅｓｔ　ｃｈａｌ—　ｌｅｎｇｅ　ｏｆ　ｗｅｂ　ｄｅｓｉｇｎ　ｉｓ　ｎｏｔ　ｔｈｅ　ｔｅｃｈｎｏｌｏｇｙ　ｉｔｓｅｌｆ，ｂｕｔ　ｌｉｅｓ　ｉｎ　ｔｈｅ　ｔｒｅａｔｍｅｎｔ　ｏｆ　ｔｈｅ　ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｉｌｉｔｙ．Ａｓ　ａ　ｑｕａｌｉｉｆｅｄ　ｗｅｂ　ｄｅｖｅｌｏｐ—　ｅｒ．ｉｎ　ｍｏｓｔ　ｃａｓｅｓ，ｔＯ　ｃｏｎｓｉｄｅｒ　ｔｈｅ　ｕｓｅｒ　ｎｏ　ｍａｔｔｅｒ　ｗｈａｔ　ｂｒｏｗｓｅｒ　ｏｕｒ　ｗｅｂｓｉｔｅ，ｓｈｏｕｌｄ　ｈａｖｅ　ａ　ｕｎｉｉｆｅｄ　ｄｉｓｐｌａｙ　ｅｆｆｅｅｔ．Ｓｏ　ｔｈｅ　ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｉｌｉｔｙ　ｉｓｓｕｅｓ　ｉｓ　ｔｈｅ　ｓｉｔｅ　ｏｆ　ｆｕｔｕｒｅ　ｄｅｖｅｌｏｐｅｒｓ　ｏｆｔｅｎ　ｅｎｃｏｕｎｔｅｒ　ａｎｄ　ｍｕｓｔ　ｓｏｌｖｅ　ｔｈｅ　ｐｒｏｂｌｅｍ．　Ｋｅｖ　ＷＯｒｄｓ：ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｌｅ　ａｎａｌｙｔｉｃａｌ　ＩＥ　ｂｒｏｗｓｅｒ　ＣＳＳ　ｆｉｌｔｅｒ　ＩＥ　ｃｏｎｄｉｔｉｏｎａｌ　ｓｔａｔｅｍｅｎｔｓ　１引言　当前打开网页有许多不同类型或版本的浏览器，从Ｗ３Ｃ标准（ｗｏｒｊｄ　Ｗｉｄｅ　Ｗｅｂ　Ｃｏｎｓｏｒｔｉｕｍ，万维网联盟）的角度来说，浏览器可　分为两大类：一类为非标准型，如ＩＥ７及以下版本浏览器；另一类为标准型，如ＩＥ８和非ＩＥ浏览器。我们在浏览同一个页面时，若采　用不同的浏览器时，打开网页的效果有可能不相同，会产生不同的显示效果。产生此种情况的原因就是浏览器不兼容的问题。　所谓的浏览器兼容问题，是指当我们使用不同的浏览器对同一个页面进行访问时，造成页面显示效果不一致的情况。出现这　种现象的原因很多，但根本原因就是浏览器对技术支持的标准不同所造成的。当某个页面不兼容时，多因为它无法兼容标准浏览　器，仅支持及ＩＥ７以下版本类型的浏览器。　ＩＥ浏览器对ＣＳＳ的支持是很不标准的，对网页布局存在很多问题，主要表现在两个方面：一是ＩＥ支持某种技术或功能，但实现　该功能的方法和途径与标准不同；二是ＩＥ浏览器自身的解析机制存在着许多Ｂｕｇ，导致页面解析效果与标准不同。　２常见浏览器不兼容现象　在网页设计中，碰到浏览器不兼容的现象很多，主要下面几种：　一（１）设置较小高度标签，在ＩＥ６、ＩＥ７等浏览器中显示出高度不受控制，超出设置高度；（２）图片默认间距问题，几个ｉｍｇ标签放在　起时，部分浏览器会有默认的间距；（３）不同浏览器标签默认的外补丁和内补丁不同，不加样式控制的情况下，各自的ｍａｒｇｉｎ和　ｐａｄｄｉｎｇ差异较大；（４）有序列表高度问题，表现为列表序号显示无效，主要存在于非标准的ＩＥ浏览器中，而标准浏览器不在于该问　题；（５）列表宽度问题，主要存在于ＩＥ及以下版本的浏览器中，给列表框定义一个宽度时，在ＩＥ和非ＩＥ中的显示显示效果是不一样　的；（６）标签最低高度设置ｍｉｎ—ｈｅｉｇｈｔ不兼容，由于ｍｉｎ—ｈｅｉｇｈｔ本身是一个不兼容的ＣＳＳ属性一，所以设置它时不能被各浏览器兼　容；（７）列表项错行问题，当为列表项嵌套块状元素，如ｄｉｖ、Ｐ等元素且设置项目符号在内部显示时，非ＩＥ和ＩＥ浏览器在解析时会出　现错行问题。　３解决方案　由于不同类型的浏览器对ＣＳＳ技术的支持不完全统一的，再加上浏览器对ＣＳＳ解析时存在的各种Ｂｕｇ，使得ＣＳＳ兼容处理变得　相当复杂，应该根据具体问题采用相应的解决方法。本文介绍两种解决浏览器兼容问题的通用方案：ＣＳＳ过滤器和使用ＩＥ条件语　收稿日期：２０１５—０２—１６　作者简介：王国庆（１９７４一），男，湖南湘潭人，讲师，主要从事计算机教育、计算机信息网络安全、网页设计等教学与研究。　本栏目责任编辑：代影　网络矗讯及安金　５７　

2023年6月21日发(作者：)

ＩＳＳＮ　１００９－３０４４　Ｅ—ｍａｉｈｉｎｆｏ＠ｄｎｚｓ．ｎｅｔ．ａｎ　ｈｔｔｐ：／／ｗｗｗ．ｄｎｚｓ．ｎｅｔ．ａｎ　Ｔｅ１：＋８６－５５　１—６５６９０９６３　６５６９０９６４　Ｃｏｍｐｕｔｅｒ　Ｋｎｏｗｌｅｄｇｅ　ａｎｄ　Ｔｅｃｈｎｏｌｏｇｙ电脑知识与技术　Ｖｏ１．１１，Ｎｏ．７，Ｍａｒｃｈ　２０１５　浅谈浏览器兼容统一性问题与解决方案　王国庆　（湘潭技师学院，湖南湘潭４１１１００）　摘要：目前，在绝大多数高职院校中都有自己的网站，并由本校的教师来进行网页设计与后期维护工作。在网页设计与维　护工作中，可能遇到各种问题，网页设计的最大挑战不在于技术本身，而在于对浏览器兼容性的处理。作为一个合格的网　站前台开发人员，在大多数情况下，要考虑用户无论用什么浏览器查看我们的网站，都应该有一个统一的显示效果。所以　浏览器的兼容性问题是网站前台开发人员经常碰到和必须要解决的问题。　关键词：浏览器兼容；解析；ｌＥ浏览器；ＣＳＳ过滤器；１Ｅ条件语句　中图分类号：ＴＰ３１１　文献标识码：Ａ　文章编号：１００９－３０４４（２０１５）０７－００５７－０２　Ｄｉｓｃｕｓｓｉｏｎ　ｏｎ　ｔｈｅ　Ｂｒｏｗｓｅｒ　Ｃｏｍｐａｔｉｂｉｌｉｔｙ　Ｉｓｓｕｅｓ　ａｎｄ　Ｓｏｌｕｔｉｏｎｓ　ＷＡＮＧ　Ｇｕｏ—ｑｉｎｇ　（Ｘｉａｎｇｔａｎ　Ｔｅｃｈｎｉｃｉａｎ　Ｃｏｌｌｅｇｅ，Ｘｉａｎｇｔａｎ　４１　１　１００，Ｃｈｉｎａ）　Ａｂｓｔｒａｃｔ：ａｔ　ｐｒｅｓｅｎｔ，ｈａｖｅ　ｔｈｅｉｒ　ｏｗｎ　ｗｅｂ　ｓｉｔｅｓ　ｉｎ　ｔｈｅ　ｖａｓｔ　ｍａｊｏｒｉｔｙ　ｏｆ　ｈｉｇｈｅｒ　ｖｏｃａｔｉｏｎａｌ　ｃｏｌｌｅｇｅｓ，ａｎｄ　ｂｙ　ｔｈｅ　ｓｃｈｏｏｌ　ｔｅａｃｈｅｒｓ　ｔｏ　ｄｅ－　ｓｉｇｎ”ａｎｄ　ｌａｔｅｒ　ｍａｉｎｔｅｎａｎｃｅ　ｗｏｒｋ．Ｉｎ　ｔｈｅ　ｗｅｂ　ｄｅｓｉｇｎ　ａｎｄ　ｍａｉｎｔｅｎａｎｃｅ　ｗｏｒｋ，ｍａｙ　ｅｎｃｏｕｎｔｅｒ　ｖａｒｉｏｕｓ　ｐｒｏｂｌｅｍｓ，ｔｈｅ　ｂｉｇｇｅｓｔ　ｃｈａｌ—　ｌｅｎｇｅ　ｏｆ　ｗｅｂ　ｄｅｓｉｇｎ　ｉｓ　ｎｏｔ　ｔｈｅ　ｔｅｃｈｎｏｌｏｇｙ　ｉｔｓｅｌｆ，ｂｕｔ　ｌｉｅｓ　ｉｎ　ｔｈｅ　ｔｒｅａｔｍｅｎｔ　ｏｆ　ｔｈｅ　ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｉｌｉｔｙ．Ａｓ　ａ　ｑｕａｌｉｉｆｅｄ　ｗｅｂ　ｄｅｖｅｌｏｐ—　ｅｒ．ｉｎ　ｍｏｓｔ　ｃａｓｅｓ，ｔＯ　ｃｏｎｓｉｄｅｒ　ｔｈｅ　ｕｓｅｒ　ｎｏ　ｍａｔｔｅｒ　ｗｈａｔ　ｂｒｏｗｓｅｒ　ｏｕｒ　ｗｅｂｓｉｔｅ，ｓｈｏｕｌｄ　ｈａｖｅ　ａ　ｕｎｉｉｆｅｄ　ｄｉｓｐｌａｙ　ｅｆｆｅｅｔ．Ｓｏ　ｔｈｅ　ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｉｌｉｔｙ　ｉｓｓｕｅｓ　ｉｓ　ｔｈｅ　ｓｉｔｅ　ｏｆ　ｆｕｔｕｒｅ　ｄｅｖｅｌｏｐｅｒｓ　ｏｆｔｅｎ　ｅｎｃｏｕｎｔｅｒ　ａｎｄ　ｍｕｓｔ　ｓｏｌｖｅ　ｔｈｅ　ｐｒｏｂｌｅｍ．　Ｋｅｖ　ＷＯｒｄｓ：ｂｒｏｗｓｅｒ　ｃｏｍｐａｔｉｂｌｅ　ａｎａｌｙｔｉｃａｌ　ＩＥ　ｂｒｏｗｓｅｒ　ＣＳＳ　ｆｉｌｔｅｒ　ＩＥ　ｃｏｎｄｉｔｉｏｎａｌ　ｓｔａｔｅｍｅｎｔｓ　１引言　当前打开网页有许多不同类型或版本的浏览器，从Ｗ３Ｃ标准（ｗｏｒｊｄ　Ｗｉｄｅ　Ｗｅｂ　Ｃｏｎｓｏｒｔｉｕｍ，万维网联盟）的角度来说，浏览器可　分为两大类：一类为非标准型，如ＩＥ７及以下版本浏览器；另一类为标准型，如ＩＥ８和非ＩＥ浏览器。我们在浏览同一个页面时，若采　用不同的浏览器时，打开网页的效果有可能不相同，会产生不同的显示效果。产生此种情况的原因就是浏览器不兼容的问题。　所谓的浏览器兼容问题，是指当我们使用不同的浏览器对同一个页面进行访问时，造成页面显示效果不一致的情况。出现这　种现象的原因很多，但根本原因就是浏览器对技术支持的标准不同所造成的。当某个页面不兼容时，多因为它无法兼容标准浏览　器，仅支持及ＩＥ７以下版本类型的浏览器。　ＩＥ浏览器对ＣＳＳ的支持是很不标准的，对网页布局存在很多问题，主要表现在两个方面：一是ＩＥ支持某种技术或功能，但实现　该功能的方法和途径与标准不同；二是ＩＥ浏览器自身的解析机制存在着许多Ｂｕｇ，导致页面解析效果与标准不同。　２常见浏览器不兼容现象　在网页设计中，碰到浏览器不兼容的现象很多，主要下面几种：　一（１）设置较小高度标签，在ＩＥ６、ＩＥ７等浏览器中显示出高度不受控制，超出设置高度；（２）图片默认间距问题，几个ｉｍｇ标签放在　起时，部分浏览器会有默认的间距；（３）不同浏览器标签默认的外补丁和内补丁不同，不加样式控制的情况下，各自的ｍａｒｇｉｎ和　ｐａｄｄｉｎｇ差异较大；（４）有序列表高度问题，表现为列表序号显示无效，主要存在于非标准的ＩＥ浏览器中，而标准浏览器不在于该问　题；（５）列表宽度问题，主要存在于ＩＥ及以下版本的浏览器中，给列表框定义一个宽度时，在ＩＥ和非ＩＥ中的显示显示效果是不一样　的；（６）标签最低高度设置ｍｉｎ—ｈｅｉｇｈｔ不兼容，由于ｍｉｎ—ｈｅｉｇｈｔ本身是一个不兼容的ＣＳＳ属性一，所以设置它时不能被各浏览器兼　容；（７）列表项错行问题，当为列表项嵌套块状元素，如ｄｉｖ、Ｐ等元素且设置项目符号在内部显示时，非ＩＥ和ＩＥ浏览器在解析时会出　现错行问题。　３解决方案　由于不同类型的浏览器对ＣＳＳ技术的支持不完全统一的，再加上浏览器对ＣＳＳ解析时存在的各种Ｂｕｇ，使得ＣＳＳ兼容处理变得　相当复杂，应该根据具体问题采用相应的解决方法。本文介绍两种解决浏览器兼容问题的通用方案：ＣＳＳ过滤器和使用ＩＥ条件语　收稿日期：２０１５—０２—１６　作者简介：王国庆（１９７４一），男，湖南湘潭人，讲师，主要从事计算机教育、计算机信息网络安全、网页设计等教学与研究。　本栏目责任编辑：代影　网络矗讯及安金　５７