CSS疑难杂症

A、去掉链接点击后留下的虚线

方法一：
在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。

<a href="#" hidefocus="true" title="加了hidefocus" >欢迎来到博客园（加了hidefocus属性）</a>

Firefox的处理方法比较符合标准，只需要在样式里设置a:focus{outline:none}皆可：

.xzw_test a.setFocus:focus{outline:none}

方法二：

通过javascript方法让其点击后失去焦点从而达到没有虚线框，也不失为一种曲线救国的方案：

1//通过判断可以指定某个必要的链接失去焦点
2if(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：以前并没有发现这个问题，说明有可能是其他元素的属性影响的）