浏览器兼容

来源:互联网 发布:php小程序 编辑:程序博客网 时间:2024/05/22 02:10

当前主浏览器的核心是什么?

        1) Trident:IE浏览器使用的内核,该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到目前的IE7。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如 Maxthon、TheWorld 、TT、GreenBrowser、AvantBrowser等)。

        2) Geckos: Netcape6开始采用的内核,后来的FF也采用了该内核,Geckos的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。

        3) Presto:目前Opera采用的内核,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,也是目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。

        4) Webkit:Safari浏览器使用的内核。Google的Chrome浏览器也是采用Webkit。Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来,它们都是自由软件,在GPL条约下授权,同时支持BSD系统的开发。所以Webkit也是自由软件,同时开放源代码。在安全方面不受IE、Firefox的制约,所以Safari浏览器还是比较安全的浏览器。

在谷歌、IE7、IE8、IE9、IE10、FF中测试过。

1问题:

       隐藏浏览器的滚动条

解决:

      1) 只有ie7支持<bodyscroll="no">

      2) 除ie7不支持body{overflow:hidden}

      3) 所有浏览器html{overflow:hidden}

2问题:

      不能在输入框中输入汉字

解决:

     用ime-mode:disabled,只在ie系列和ff中有效,谷歌中,尚未找到方法

实例:

3问题:

        不能将内容复制到输入框中

解决:

       onpaste="returnfalse",浏览器通用

4问题:

       点击超链接后,hover、active样式没有效果

解决:

       改变CSS属性的排列顺序:L-V-H-A  

5问题:

       li中内容超过长度时,想以省略号显示,此方法适用于ie7、8、9、10,谷歌,ff浏览器

解决:

       li{list-style-type:none;

       width:200px;

       white-space:nowrap;

       text-overflow:ellipsis;

       overflow: hidden;

       }

6问题:

         当div框固定高度宽度后,输入的文字超过div宽度,超出这个长度,不换行

解决:

         word-wrap:break-word


0 0
原创粉丝点击