css与javascript跨浏览器兼容性总结_1

《css与javascript跨浏览器兼容性总结_1》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解css与javascript跨浏览器兼容性总结　　一、CSS样式兼容性　　1.FLOAT闭合（clearingfloat）　　网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DI

2、V下包含多个子DIV。解决办法：　　1)给父DIV也设上float　　2)在所有子DIV后新加一个空DIV（目前Ext是这么做的），比如：　　.parent{width:100px;}　　.son1{float:left;width:20px;}　　.son2{float:left;width:80px;}　　.clear{clear:both;margin:0;parding0;height:0px;font-size:0px;}　　　　　　　　　　　　3)万能float闭合对党的认识也有了进一

3、步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　将以下代码加入GlobalCSS中，给需要闭合的div加上class=”clearfix”即可，屡试不爽。　　　　/*ClearFix*/　　.clearfix:after{　　content:".";　　display:block;　　height:

4、0;　　clear:both;　　visibility:hidden;　　}　　.clearfix{　　display:inline-block;　　}　　/*HidefromIEMac*/　　.clearfix{display:block;}　　/*EndhidefromIEMac*/　　/*endofclearfix*/　　　　:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie浏览器支持，所以并不影响到IE/WIN浏览器。这种的最麻烦。对党

5、的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　4)overflow:auto　　只要在父DIV的CSS中加上overflow:auto就搞定。举例：　　.parent{width:100px;overflow:auto}　　.son1{float:left;width:20px;}

6、　　.son2{float:left;width:80px;}　　　　　　　　　　原理是，外围元素之所以不能很好的延伸，问题出在了overflow上，因为overflow不可见（见W3C的解释）。现在只要将给外围元素添加一个“overflow:auto”，就可以解决问题，结果是除了IE，真的可以解决。下来就要解决IE的问题了，再加上“_height:1%”，这个问题就完全解决了。我试了一下，其实不加"_height:1%“在IE下也行，留着吧。　　2.截字省略号　　.hh{　　-o-text-ov

7、erflow:ellipsis;　　text-overflow:ellipsis;　　white-space:nowrap;　　overflow:hidden;对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　}　　这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾。技术

8、是好技术，很多人都喜欢乱用，但注意Firefox并不支持。　　　　页面加上这句就可以让页面兼容IE7了　　供参考！给大家提醒一个漂浮需要注意的问题注意设置DIV宽和高注意设置overflow:hidden;注意闭合针对火狐父div样式display:inline-block;　　3.cursor:hand和cursor:pointer　　firefox不支持hand，但ie支持pointer　　解决方法：统一使用pointer　　4.CSS透明　　几款浏览器对透明度的支持方式各不相