-
IE6/7下绝对定位（position:absolute）元素消失
在IE6、7中如果一个浮动元素与绝对定位元素相邻的话，在某些情况下绝对定位元素将会消失。在网上找了一下，有如下解释：
1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致；
Read More »没有评论 -
IE6/IE7下a:hover无效
在IE6和IE7中如果没有为a元素添加href属性，a:hover的样式将无效。请看如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> a {font-size:12px;color:#000;} a:hover {font-size:20px;color:#f00;} </style> </head> <body> <a>IE大烧饼！</a> </body> </html>在IE6、IE7中鼠标经过时字体大小和颜色将不会有任何变化。
PS：貌似不为a元素添加href属性的话，a元素也不会显示链接下划线和鼠标经过的手型样式。
-
Chrome下CSS设置字体小于12px无效
在Google Chrome中文版浏览器中，在CSS中设置字体小于12px时将一律显示为12px，英文版的不存在这个问题，如果你把语言改为英文的话可以正常显示，因为中文小于12px将难于辨认。但是在实际的开发过程中，免不了要设置字体小于12px。
-
常用CSS Hack
开发网页的时候，浏览器的兼容性是一个让人头疼的问题，各种浏览器，各种解析不同，CSS Hack是免不了的。下面是常用的CSS Hack方法。
html代码：
<div class="test">CSS Hack</div>
CSS代码：
.test { color:red;/* 所有浏览器都支持 */ background-color:#ededed\9; /* IE6 7 8 9支持 */ color:blue\0; /* IE8 9支持 */ color:white\9\0;/*IE9支持*/ *border:1px solid #f00;/* IE6 7 支持 */ _margin-top:100px;/* 仅IE6支持 */ }保存好，直接用各种浏览器打开就可看见效果。
-
IE6双倍边距BUG
在IE6中，如果块元素设置float:left/right，并设置margin-left/right时，边距就会翻倍。
html代码如下：
<div class="out"> <div class="in"></div> <div style="clear:both"></div> </div>