CSS Hack兼容代码演示

1、css hack兼容代码演示下列是常用css hack问题及管理代码-div+css网支持1、屏蔽ie涉猎器（也等于ie下不闪现） *:lang(zh) select font:12px !important; /*ff的特地用法*/ select:empty font:12px !important; /*safari可见*/这里select是打算符，依照环境变换。其次句是mac上safari阅读器独占的。 2、仅ie7辨认hack *+html 私下里临必要只针对ie7做格局的时候便可以接纳这个hack。 3、ie6及ie6下列识别css hack * html 这个中心要格外小心得多地主

2、都写了是ie6的hack切实ie5.x同样可以识别这个hack。其它扫瞄器不识别。html/*/ >body select 这句和上一句的浸染交流。 4、仅ie6不识别div hack select display /*ie6不辨认*/:none; 这里首要是经过css表述分隔隔离簇拥一个属性与值，流释在冒号前。 5、仅ie6识别支持 .yangshi_height:20px; 这里ie6赞成识别css属性前_短下划线。 6、仅ie6与ie5不辨认 select/*/ display /*ie6,ie5不辨认*/:none; 这里与下面一句差异的是在抉择符和花括号之间多了一个css注释。

3、 7、仅ie5不识别 select/*ie5不辨认*/ display:none; 这一句是在上一句中去掉了属性区的抒发。只要ie5不识别 8、盒模子筹画方法 selct width:ie5.x宽度; voice-family :"""" voice-family:inherit; width:精确宽度; 盒模子的革除办法不是经由过程!important来处置惩处的。这点要明了。 9、铲除浮动 select:after content:"." display:block; height:

4、0; clear:both; visibility:hidden; 在firefox中，当子级都为浮动时，那末父级的高度就无奈彻低的包住囫囵子级，那么这时用这个断根浮动的hack来对父级做一次界说，那么即可以图谋这个标题问题 。 10、截字省略号 select -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 这个是在越出长度后会自行的截掉多出有部分的笔墨，并以省略号末了，很好的一个技能。只不过今朝firefox真切不赞成。 11、只要opera辨认 media all and (min-width: 0px) select 针对opera扫瞄器做零丁的设定。 以上凡是写css中的一些hack，这些都是用来筹划局部的兼容性问题，如果盼望把兼容性的形式也蔓延进去，不妨试一下下面的几种过滤器。这些过滤器有的是写在css中经由过滤器导入特其它花样，有了的是写在html中的通过条件来链接可以导入需求的补钉样式。12、ie的if前提hack only ie 全部的ie可辨认 only ie 5.0 只要ie5.0可以识别 only ie 5.0+ ie5.0包换ie5.5都可以辨认 only ie