如何将css样式应用于除IE9之外的其他浏览器？

要将CSS样式应用于除IE9之外的其他浏览器，可以使用以下方法：

1. 使用CSS前缀：不同浏览器对某些CSS属性的支持可能存在差异，可以通过添加浏览器前缀来适配不同浏览器。常见的浏览器前缀有-webkit-（Chrome、Safari）、-moz-（Firefox）、-o-（Opera）、-ms-（IE）等。例如，要为不同浏览器设置圆角边框样式，可以使用以下代码：

.box {

 border-radius: 10px; /* 标准属性 */

 -webkit-border-radius: 10px; /* Chrome、Safari */

 -moz-border-radius: 10px; /* Firefox */

 -o-border-radius: 10px; /* Opera */

}

1. 使用CSS Hack：CSS Hack是一种通过针对特定浏览器的CSS代码来实现样式适配的方法。但是需要注意的是，CSS Hack可能会导致代码不规范、不易维护，并且在某些情况下可能会被浏览器或者工具误判为错误。因此，建议在使用CSS Hack时谨慎操作，并在必要时添加注释说明。以下是一些常见的CSS Hack示例：

/ 仅对IE9及以下版本生效 /

.box {

 color: red\9;

}

/ 仅对IE8及以下版本生效 /

.box {

 color: red\0;

}

/ 仅对IE7生效 /

.box {

 *color: red;

}

/ 仅对IE6生效 /

.box {

 _color: red;

}

1. 使用JavaScript检测浏览器并添加类名：通过JavaScript检测浏览器类型和版本，然后在HTML元素上添加相应的类名，再通过CSS选择器来应用样式。例如，使用JavaScript库Modernizr可以方便地检测浏览器特性，并添加相应的类名，然后可以通过这些类名来应用不同的样式。

<div id="box" class="box"></div>

<script src="modernizr.js"></script>

<script>

 if (!Modernizr.flexbox) {

   document.getElementById('box').classList.add('no-flexbox');

 }

</script>

.box {

 /* 适用于支持flexbox的浏览器 */

 display: flex;

}

.no-flexbox {

 /* 适用于不支持flexbox的浏览器 */

 display: block;

}

以上是几种常见的将CSS样式应用于除IE9之外的其他浏览器的方法。具体选择哪种方法取决于项目需求和兼容性要求。