兼容性CSS技巧记录

1。 鼠标经过指针显示为手型  
      cursor:pointer;

 2 。透明层里的层都透明,要把不透明的层放在透明层外
 .opaque {
    /* for IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* for IE5-7 */
    filter: alpha(opacity=50);
    /* for all other browsers */
    opacity: .5; 
}

 3 。长单词自动换行(没有任何空格的英文字符和半角标点符号串) 
* {word-wrap:break-word; word-break:break-all;}
/* IE6下对多有标签起作用,ff3.5下只在定宽容器标签中(比如p、div)有效,
而非容器标签或非定宽容器标签中无作用 */

4。 li在ie和firefox下的兼容性问题
/*
两点因素:
1).在ie下如果为li指定高度可能会出现排版错位,用line-height即可。
2).ie下list-style-position默认为inside,firefox默认为outside, css中指定为outside即可解决兼容性问题。
*/

300*300
 文章首页关于迷茫时代关于我写意人生
版权所有:迷茫时代 All rights reserved   
执行时间:0.00454 秒