04 2013 档案
摘要:兼容IE6、IE7、FF浏览器的min-height写法:mrjin { background:#ccc; min-height:100px; /*高度最小值设置为:100px*/ height:auto !important; /*兼容FF,IE7也支持 !important标签*/ height:100px; /*兼容ie6*/ overflow:visible;}解释:1、由于IE6对!important的解释存在bug,所以它只识别height:100px这一句,超过100px后,IE6自身会增加盒子的高度(如果内容超过元素的高度,那么IE6是会自动...
阅读全文
摘要:1.vertical-align:middle 垂直对齐如表格元素中的<td>、<th>、<caption>等,而像<DIV>、<span>这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。2.text-align:center 文本水平居中一、单行垂直居中如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如:ExampleSourceCodeDIV{ height:25px; line-height:25px
阅读全文
摘要:如何让position:fixed在IE6中工作呢?本文所使用的技巧是用了一条InternetExplorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。如何解决抖动的问题?显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候,它将重置所有内容并重画页面,这个时候它就会重新处理css表达式。这会引起一个丑陋的“抖动”bug,在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会“跳动”。解决此问题的技巧就是使用background-attachment:fixed为bod
阅读全文