CSS是網頁開發中必不可少的一部分，而CSS3作為CSS的升級版，新增了很多新的特性。然而，這些新特性的兼容性一直是開發者們關注的問題。

一些CSS3的新特性在市場上的老舊瀏覽器中無法兼容，這會產生布局問題，使頁面的設計效果大打折扣。這主要是由于老舊瀏覽器沒有對新的CSS3標準進行支持，導致對應的代碼無法正常運行。

為了解決這個問題，一種常見的做法是使用“漸進增強”策略。這種策略的思想是，先讓網站在老舊瀏覽器上能夠正常運行，而對現代瀏覽器則開啟新特性。這樣可以確保站點在所有瀏覽器上都可以正常運行。

/* 展示“漸進增強”的CSS代碼 */
.box {
background-color: #cccccc; /* 背景色 */
width: 300px; /* 寬度 */
height: 200px; /* 高度 */
}
/* 使用CSS3的新特性增強效果，如果瀏覽器不支持，則無效 */
.box:hover {
transform: rotate(10deg); /* 旋轉效果 */
box-shadow: 0 0 10px #888888; /* 陰影效果 */
}

此外，還可以使用現代瀏覽器支持的前綴來實現部分新特性。這是因為有些新特性還沒有被標準化，因此瀏覽器對這些新特性的實現可能存在一些差異。前綴可以讓開發者指定瀏覽器應該如何解析代碼，從而實現指定特性效果。

/* 使用CSS3新屬性-webkit-border-radius實現圓角效果，為了兼容其他瀏覽器，可以使用-moz-border-radius和border-radius屬性 */
.box {
-webkit-border-radius: 10px; /* chrome瀏覽器 */
-moz-border-radius: 10px; /* 火狐瀏覽器 */
border-radius: 10px; /* 其他現代瀏覽器 */
}

總之，CSS3的新特性的兼容性是開發中要注意的問題，好的兼容性策略可以保證在不同瀏覽器上頁面能夠正常呈現。同時，選擇合適的前綴也可以讓開發者充分利用新特性，為用戶提供更好的體驗。