CSS疑难杂症
A、去掉链接点击后留下的虚线
方法一：
在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。
<a href="#" hidefocus="true" title="加了hidefocus" >欢迎来到博客园（加了hidefocus属性）</a>Firefox的处理方法比较符合标准，只需要在样式里设置a:focus{outline:none}皆可：
方法二：
通过javascript方法让其点击后失去焦点从而达到没有虚线框，也不失为一种曲线救国的方案：
//通过判断可以指定某个必要的链接失去焦点2
if(j(this).attr("id")=="jsControl") 3
j(this).blur();一、让IE6支持PNG透明
一个IE6的Bug引起了大麻烦, 他不支持透明的PNG图片。
你需要使用一个css滤镜
*html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil
ename.png", sizingMethod="scale");
}
三、IE6图片下的空隙
参照DIV+CSS类下 DIV+CSS排版时 如何解决img图片元素下多余空白 或点击下面的链接
http://www.cnblogs.com/Denny_Yang/archive/2011/11/28/2266354.html
四、最小宽度和高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px;
这里为了照顾不认识min-height的IE6 可以这样定义: { height:auto!important; height:200px; min-height:200px; }
#box{ width: 80px; height: 35px;}
html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
六、在IE中可能由于注释带来的文字重复问题
可以把注释改为：
<!–[if !IE]>Put your commentary in here…<![endif]–>
七、单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）
table{ border-collapse:collapse; }
td{ border:#000 solid 1px; }
八、如果文字过长,则将过长的部分变成省略号显示：IE5,FF无效，但可以隐藏，IE6有效
<DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;”>
十一、解决JQuery的 slideDown()函数导致ie6的overflow失效解决办法。
给失效的元素加：_overflow:auto !important;
*十二、有时候发现，整个页面和浏览器底线有6个像素的间隙
暂时通过强制设置 html,body{margin:0;padding:0;height:100%;}来处理的
（PS：以前并没有发现这个问题，说明有可能是其他元素的属性影响的）
