兼容性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即可解决兼容性问题。
*/