CSS疑难杂症

一、让IE6支持PNG透明

一个IE6的Bug引起了大麻烦, 他不支持透明的PNG图片。

你需要使用一个css滤镜

*html #image-style {

background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil

ename.png", sizingMethod="scale");

}

 

二、移除超链接的虚线

FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓. 这很容易解决, 只需要在标签样式中加入：

a{

outline: none;

}

三、IE6图片下的空隙

　　参照DIV+CSS类下DIV+CSS排版时 如何解决img图片元素下多余空白 或点击下面的链接

http://www.cnblogs.com/Denny_Yang/archive/2011/11/28/2266354.html

四、FF下文本无法撑开容器的高度

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px;

这里为了照顾不认识min-height的IE6 可以这样定义: { height:auto!important; height:200px; min-height:200px; }

五、IE中的Min-Width和Min-Height

#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”>
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>

九、固定宽度汉字截断

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。

 

十、如何让一个表单中的文本框中的文字垂直居中？

如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。