[分享]css兼容ie9以上写法

在开发web网站的过程中，我们通常需要考虑兼容性问题。其中，CSS兼容ie9以上写法就是一个非常重要的问题。下面，我们来详细探讨一下CSS兼容ie9以上写法的方法。/ 统一盒模型 / html,bod...

在开发web网站的过程中，我们通常需要考虑兼容性问题。其中，CSS兼容ie9以上写法就是一个非常重要的问题。下面，我们来详细探讨一下CSS兼容ie9以上写法的方法。

/* 统一盒模型 */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,ul,li,a{
    margin:0;
    padding:0;
    border:0;
}

/* 兼容IE的伪类hover */
a:hover{
    color:red;
}

/* 兼容IE的透明度写法 */
div{
    /* Chrome,Safari4+ */
    -webkit-opacity:0.5;
    /* Firefox */
    -moz-opacity:0.5;
    /* IE9+，Opera */
    opacity:0.5;
}

/* 兼容IE的圆角写法 */
div{
    /* Firefox，Safari，Chrome */
    -webkit-border-radius:10px;
    /* Opera */
    -o-border-radius:10px;
    /* IE9+ */
    border-radius:10px;
}

/* 兼容IE的字体加粗写法 */
p{
    /* Chrome,Safari4+ */
    -webkit-font-weight:bold;
    /* Firefox */
    -moz-font-weight:bold;
    /* IE9+，Opera */
    font-weight:bold;
}

/* 兼容IE的文字阴影写法 */
h1{
    /* Chrome,Safari4+ */
    -webkit-text-shadow:2px 2px 2px #999;
    /* Firefox */
    -moz-text-shadow:2px 2px 2px #999;
    /* Opera */
    text-shadow:2px 2px 2px #999;
}

/* 兼容IE的文本溢出省略号写法 */
div{
    /* Chrome,Safari4+ */
    -webkit-text-overflow:ellipsis;
    /* Firefox */
    -moz-text-overflow:ellipsis;
    /* IE9+，Opera */
    text-overflow:ellipsis;
    /* 控制省略号的位置 */
    white-space: nowrap;
    overflow: hidden;
}

通过以上的CSS代码，我们就可以实现CSS兼容ie9以上写法的需求。在开发过程中，我们应该尽可能地使用新的CSS属性和特性，同时，在必要的时候考虑兼容ie9以上写法，以保证网站在不同的浏览器上都能够正常显示。