浏览器兼容性问题解决方案之CSS,已在IE、FF、Chrome测试
2014-08-20 22:30
751 查看
当前主浏览器的核心是什么?
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}
实例:
1) 只有ie7支持<body scroll="no">
<span style="font-size:18px;"> <body scroll="no" ></body></span>
2)除ie7不支持 body{overflow:hidden}
<span style="font-size:18px;"> <body style="overflow:hidden" ></body></span>
3) 所有浏览器 html{overflow:hidden}
<span style="font-size:18px;"> <body style="overflow:hidden" ></body></span>
超链接访问过后hover样式不出现的问题
问题:点击超链接后,hover、active样式没有效果
解决:
改变CSS属性的排列顺序:L-V-H-A
<style type="text/css"> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */ a:active {color: #0000FF} /* 被选择的链接 */ </style>
li中的内容以省略号显示
问题:li中内容超过长度时,想以省略号显示,此方法适用于ie7、8、9、10,谷歌,ff浏览器
li{ list-style-type:none; width:200px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
使连续长字段自动换行
div { width:300px; word-wrap:break-word; border:1px solid red; }
相关文章推荐
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- 浏览器兼容性问题解决方案之CSS,已在IE、FF、Chrome测试
- 解决不同浏览器上中文文件名的下载乱码问题php验证可行的测试过ie ff 和chrome的
- Select 可编辑 - 完美支持各大主流浏览器 最近做项目有个select可编辑的需求,一时棘手,网上找了很多解决方案都不完美,没办法自己写了一个,经测试IE,FF,chrome都支持。特此拿出来
- IE 和FF chrome css不兼容问题小结(1)
- IE和FF chrome css等 不兼容问题小结(2)
- jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
- DIV+CSS 多浏览器兼容性问题及推荐解决方案
- IE和FF兼容问题,JS和CSS方面
- 用Css实现文本竖直显示,兼容IE, FF和Chrome
- FLASH遮挡DIV解决方案,兼容IE FF Chrome
- IE与FF不兼容网页布局CSS问题解决方案()
- IE6,IE7,FF | CSS + DIV 兼容问题综合解决方案CSS HACK
- IE7.0RC1,CSS兼容(ie6,ff浏览器)解决方案
- IE和FF对CSS兼容问题小计
- IE与FF在js、css、html方面的不兼容问题
- CSS的解决IE5/IE5.5/IE6/FF的兼容性问题