CSS中的一些HACK

2024-01-18 11:18 小编

截字省略号

 select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
这个是在越出长度后会自行的截掉多出部分的翰墨,并以省略号最后,很好的一个手艺。只不过今朝Firefox并不支持。
 

 只要Opera识别

 @media all and (min-width: 0px){ select {……} }
针对Opera阅读器做独自的设定。
 


以上凡是写CSS中的一些HACK,这些凡是用来用意局部的兼容性标题,假设巴望把兼容性的模式也星散进去,不妨试一下上面的几种过滤器。这些过滤器有的是写在CSS中经由过滤器导入特另外花样,有了的是写在HTML中的颠末条件来链接概略导入必要的补丁名堂。

IE的if条件Hack

 <!--[if IE]> Only IE <![endif]-->
全数的IE可识别
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只要IE5.0可以辨认
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
IE5.0包换IE5.5均可以辨认
<!--[if lt IE 6]> Only IE 6- <![endif]-->
仅IE6可识别
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6如下的IE5.x均可辨认
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
仅IE7可识别
 

 仅IE8兼容辨认

 div{height:20px\9;}
这里的“\9”仅IE8赞成识别


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码