CSS疑难杂症
A、去掉链接点击后留下的虚线
方法一:
在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的。
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可:
方法二:
通过javascript方法让其点击后失去焦点从而达到没有虚线框,也不失为一种曲线救国的方案:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
一、让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:以前并没有发现这个问题,说明有可能是其他元素的属性影响的)