CSS3技術給網頁設計帶來很多優秀的特性，但兼容性問題是讓人頭痛的難題。對于IE11這樣的瀏覽器，它對于CSS3新特性的支持程度較低，需要開發者使用一些技巧兼容IE11。

/* 圓角 */
.div {
border-radius: 10px;
-ms-border-radius: 10px;
}
/* 漸變 */
.div {
background: linear-gradient(to right, #f00, #00f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#0000FF', GradientType=1);
}
/* 媒體查詢 */
@media screen and (max-width: 768px) {
.div {
font-size: 14px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.div {
font-size: 16px;
}
}
@media screen and (min-width: 1025px) {
.div {
font-size: 18px;
}
}
/* 盒陰影 */
.div {
box-shadow: 2px 2px 2px #000;
-ms-box-shadow: 2px 2px 2px #000;
}
/* 2D變形 */
.div {
transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
/* 層級問題 */
.div {
position: relative;
z-index: 1;
}

除了這些方法外，還可以使用一些兼容IE11的CSS框架，如Bootstrap、Foundation等。這些框架中已經考慮到了IE11兼容問題，使用起來也非常方便。當然，最好的解決方法還是不要讓IE11成為你主要的目標瀏覽器。