摘要：用php实现通过userAgent信息来给页面html标签打上拟定好的class name。很简单，但对前端开发摆脱各种不知所云的hacks特殊符来说很有意义，同时也能更好的用一套代码兼容各种设备。php实现方案的demo：http://www.zhaoyongming.com/lab/add-ua.phpphp代码： 1 function useragent(){ 2 $useragent = $_SERVER['HTTP_USER_AGENT']; 3 if(strstr($useragent, 'Win')){ 4 $ua_system = 'ua 阅读全文

摘要：在进行网页布局设计的时候，经常会根据需要设置相对定位，绝对以及浮动定位最近突然发现了一个奇妙的现象：IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素,突然从IE浏览器下消失了，然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示，但是出现了莫名的留白，火狐下正常显示.至少这个现象表明，绝对定位元素在IE6下神秘消失对相邻元素的浮动定位有关. 查了相关资料，高人有这样的解释： 1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致； 2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时... 阅读全文

摘要：haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误，就是源于haslayout。 当一个元素 阅读全文

摘要：有时候遇到一些兼容性问题的时候，需要找到相对应的浏览器的默认样式来解决。各浏览器的默认CSS可以在这里http://www.iecss.com/找到，贪心一下，把这些样式都保存了一份：IE6(下载)IE7(下载)IE8(下载)IE9(下载)Firefox 3.6.3(下载)Webkit (r57042) (下载)Opera 10.51(下载)当然我们还可以找到更老的一些浏览器默认样式：Firebird 0.7Firefox 0.8Firefox 0.9Firefox 2.0.0.6Firefox 2.0.0.12Firefox 3.0b3Firefox 3.0.1Firefox 3.0.8Fl 阅读全文