[分享]css兼容ie8框架

CSS是前端开发中非常重要的一部分，但是在兼容不同浏览器时经常遇到问题。其中，兼容IE8是最困难的部分。那么，为了让网站在IE8上显示正常，需要使用一些兼容IE8的CSS框架。以下是一些常用的兼容IE...

CSS是前端开发中非常重要的一部分，但是在兼容不同浏览器时经常遇到问题。其中，兼容IE8是最困难的部分。那么，为了让网站在IE8上显示正常，需要使用一些兼容IE8的CSS框架。

以下是一些常用的兼容IE8的CSS框架：

.clearfix:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
.clearfix {
   zoom:1;
}

这段代码可以解决清除浮动在IE8下不正常的问题。

a[target="_blank"]::after {
  content: " (" attr(href) ")";
}

这段代码可以在链接后面自动加上链接地址。

以下是一些常用的兼容IE8的CSS属性：

opacity: 0.9; /* IE8中的透明度 */
filter: alpha(opacity=90); /* IE8中的透明度 */

border-radius: 5px; /* IE8中的圆角 */

box-shadow: 0px 2px 4px rgba(0,0,0,.5); /* IE8中的阴影 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')"; /* IE8中的阴影 */

display: -ms-flexbox; /* IE8中的flexbox */
-ms-flex-pack: center;
-ms-flex-align: center;

使用这些兼容IE8的CSS框架和属性，可以让网站在IE8上更好的显示。但是，也需要注意写好兼容其他浏览器的代码，因为IE8的市场份额已经非常小。