隨著ie10的普及，越來越多的網站開始向ie10兼容css。ie10作為微軟的一款最新瀏覽器，其支持的css屬性更加全面，對于開發人員來說也帶來了更多便利。

.box {
display: flex; /* ie10支持flex布局 */
background-color: rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
/* 使用-ie-前綴實現ie10以下瀏覽器的兼容性 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box {
background-color: #000;
display: block; /* ie10以下瀏覽器不支持flex布局 */
filter: alpha(opacity=50); /* ie10以下瀏覽器不支持rgba顏色值，使用opacity代替 */
zoom: 1; /* ie10以下瀏覽器不支持border-radius屬性，使用zoom代替 */
}
.box:after {
content: '';
display: table;
clear: both;
}
}

在代碼中，我們可以看到ie10支持的一些css屬性，如flex布局、rgba顏色值等。同時也可以看到通過使用-ms-前綴來實現ie10以下瀏覽器的兼容，如使用opacity代替rgba顏色值、使用zoom代替border-radius屬性等。通過這些技巧，我們可以讓網站在ie10及以下瀏覽器上展現更好的效果。