WEB标准中浏览器之间兼容的小方法(转载)
2006-12-25 13:12
260 查看
设BOX宽度为300px,在IE5.x浏览器中,对BOX的宽度解释有个bug,它认为300 px是BOX的总宽度,内容的宽度变成:300-2*10-2*5=270px,在ie6.0、firefox、opera8.0中显示box1的总宽度为330px,等于BOX实际的总宽度,内容的宽度:300px。所以可把宽度写成width: 330px; w\idth: 300px;,后一个宽度ie5.x不会解析。下面实例中BOX1是没有修正的,BOX2是修正过的。如果你用ie5.x,会发现二个BOX宽度是不一样的。
#box1{ background: #EEEEEE; width: 300px; border: solid 5px #999999; padding: 10px; }
#box2{ background: #EEEEEE; width: 330px; w\idth: 300px; border: solid 5px #999999; padding: 10px; }
相关文章推荐
- WEB标准中浏览器之间兼容的小方法
- 转载:浏览器兼容的反思、前端人员的学习之路、Web标准:我们是否一直在错误的道路上越走
- 【转载】解决浏览器和discuz7.0论坛不兼容的方法,解决快捷回复弹出下载窗口的问题
- [js]如何在js方法中传递事件对象并且在各个浏览器之间兼容
- 解决js下referer兼容各大浏览器的方法
- 最常用的10种CSS BUG解决方法与技巧-浏览器兼容教程
- 判断浏览器canvas支持与否中jquery和getContext()方法的之间的调用问题
- 多浏览器兼容的js获取浏览器高度和宽度方法
- placeholder在不同浏览器下的表现及兼容方法
- jquery-mobile的页面跳转和iscroll之间的兼容解决方法
- js 获取屏幕各种宽高的方法(浏览器兼容)
- [转载]CSS 中为了兼容浏览器的前缀
- 兼容各大浏览器的js 数组删除元素方法方法
- Javascript中常遇到的浏览器兼容问题和解决方法
- 转载于山边小溪的博客--编写跨浏览器兼容的 CSS 代码的金科玉律
- 获取scrollTop兼容各浏览器的方法,以及body和documentElement是啥?
- 兼容各大浏览器CSS透明方法
- 谈谈JS中常遇到的浏览器兼容问题和解决方法
- sharepoint 2013 office web app 2013 文档在线浏览 IE11 浏览器不兼容解决方法
- HTML5的hidden属性兼容老浏览器的方法