css ie8 兼容性 |css技术详细描述

css地图轨迹，css 字体修改颜色，css导航栏凹凸，css3 rotate 旋转，网站js和css目录修改，CSS网页图片动态效果，css技术详细描述 css ie8 兼容性 |css技术详细描述

在IE8中，很多CSS3的特性都不能兼容，在编写CSS时，需要避免使用这些特性。例如，IE8不支持rgba()颜色函数，需要使用IE自己的滤镜来实现透明效果。

background-color: rgb(255, 255, 255); /* Fallback for browsers that don't support rgba */
background-color: rgba(255, 255, 255, 0.5); /* Use rgba() for modern browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
/* Use IE's gradient filter for IE8 and below */

另外，在IE8中，盒子模型的计算方法也与其他浏览器不同，导致在样式设计时存在偏差。为了解决这个问题，大家可以通过在CSS中添加box-sizing属性来改变盒子的计算方式。

box-sizing: border-box; /* Include padding and border in element's total width and height */
-moz-box-sizing: border-box; /* Include padding and border for Firefox */
-webkit-box-sizing: border-box; /* Include padding and border for WebKit browsers */

除了以上这些问题，IE8还存在很多其他的兼容性问题，大家需要在设计网站时考虑到这些问题，使用兼容性较好的CSS属性和方法，以及添加必要的Hack代码，保证网站能够在各种浏览器中正常显示。