摘要: 引言:Internet Explorer 中有很多奇怪的渲染问题可以给他一个”layout”得到解决,John Gallant 和 Holly Bergevin把他归类为“dimensional bugs”(尺寸bug或者尺寸臭虫),意思是可以给对应的元素赋予宽度和高度解决;这给我们带来了一个问题:为什么layout可以改变渲染模式和元素 之间的关系?hasLayout定义:layout是IE/WIN里面的私有概念,它决定了一个元素如何显示以及约束其包含的内容、如何和其他元素进行相互作用和联系、如何响应和传递应用程序事件、用户事件等;layout的特性可以被某些css样式属性不可扭转的触发,一 阅读全文
posted @ 2013-11-29 22:02 barbabravo 阅读(256) 评论(0) 推荐(0) 编辑
摘要: border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。2.兼容性差异兼容性差异只针对浏览器IE6、IE7与标签button、input而言,在win、win7、vista 的XP主题下均会出现此情况。【border:n 阅读全文
posted @ 2013-11-29 10:32 barbabravo 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 两个box,box1嵌套box2,box2使用margin-top在IE下与其他浏览器不同。待整理 阅读全文
posted @ 2013-11-29 10:30 barbabravo 阅读(509) 评论(0) 推荐(0) 编辑