[分享]css兼容ie89

现在web开发越来越普及，css在网页开发中扮演着重要的角色，但是css在不同浏览器中的兼容性问题却一直困扰着我们，特别是在IE8和IE9这两个老牌浏览器中。我们需要为这两个浏览器考虑兼容性，以下是一...

现在web开发越来越普及，css在网页开发中扮演着重要的角色，但是css在不同浏览器中的兼容性问题却一直困扰着我们，特别是在IE8和IE9这两个老牌浏览器中。

我们需要为这两个浏览器考虑兼容性，以下是一些在css中常用的兼容性写法。

/* 1. box-sizing */
/* 在IE8及以下版本中，无法识别box-sizing属性 */
/* 可以这样写来解决这个问题： */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

/* 2. RGBA */
/* 在IE8及以下版本中，无法识别RGBA颜色值 */
/* 可以这样写来解决这个问题： */
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.5);

/* 3. opacity */
/* 在IE8及以下版本中，无法识别opacity属性 */
/* 可以这样写来解决这个问题： */
filter: alpha(opacity=50);
opacity: 0.5;

/* 4. border-radius */
/* 在IE8及以下版本中，无法识别border-radius属性 */
/* 可以这样写来解决这个问题： */
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;

/* 5. text-shadow */
/* 在IE8及以下版本中，无法识别text-shadow属性 */
/* 可以这样写来解决这个问题： */
text-shadow: 1px 1px 1px #000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=1); 

以上就是一些常用的在css中解决IE8、IE9兼容性问题的写法，当然还有其他一些类似的问题需要我们去发掘和解决。