[分享]css写给ie浏览器

IE浏览器是世界上最流行的浏览器之一，但它也与其他浏览器不同。在设计网页时使用CSS，在IE中可能会出现问题。让我们来看一下如何编写CSS，以便适用于IE浏览器。/ 创建垂直居中 / .center ...

IE浏览器是世界上最流行的浏览器之一，但它也与其他浏览器不同。在设计网页时使用CSS，在IE中可能会出现问题。让我们来看一下如何编写CSS，以便适用于IE浏览器。

/* 创建垂直居中 */
.center {
   display: -webkit-box;  /* Safari */
   display: -moz-box;  /* Firefox */
   display: box;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   box-pack: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   box-align: center;
   } 

在这个CSS代码段中，使用了-webkit-box, -moz-box和box三种高级CSS显示类型。这些属性使元素垂直居中，即使在IE中也能实现。

/* 创建透明背景 */
.transparent {
   background-color: transparent;  /* 所有浏览器 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);  /* IE */
   zoom: 1;
   } 

IE浏览器不支持css3中的透明度选项。但是，可以使用filter属性来实现它。这段CSS代码使元素透明，即使在IE中也能实现。

/* 创建透明边框 */
.border-opacity {
   border: 5px solid transparent;  /* 所有浏览器 */
   filter: alpha(opacity=50);  /* IE */
   opacity: 0.5;
   } 

IE浏览器同样不支持css3中的透明边框选项。这段CSS代码使元素边框透明，即使在IE中也能实现。

尽管编写CSS以适用于IE浏览器可能涉及一些妥协，但是使用上述技巧可以轻松处理大部分问题。