平常要多留心，摸不準兼容如何就該多看看can i use，額，還有就是自己要明白頁面該兼容到什麼程度
一上來得把這個問題想好，有些效果不相容就不相容唄，只要後退平穩即可，
如這種情況下的CSS Shapes：
圖片來自w3cplus，這種情況下，對於不支援CSS Shapes屬性的瀏覽器，還是不用強行支持的好。
跟第一點比就是加上額外的後退處理（本來就該有的），如CSS漸變的後退處理：
background-color: #f9efee; background-image: linear-gradient(to left, #f5e5e3 0%, #ffffff 52%, #f5e5e3 100%);
用css處理的話就是各種HACK了：
CSS hack技巧大全
巧用瀏覽器CSS屬性值的不相容向下兼容hack技巧
用JS處理的話，最好的方法自然是能力判斷了，可以使用modernizr.js或如下程式碼：
if ( !'shape-margin' in document.documentElement.style) {}
//如果不支持shape-margin属性则如何如何到了這一步，那隻能拿出這種程式碼了
text-shadow: 2px 2px 15px #333; filter: glow(color=#333333, strength=2); /*老IE不支持文字阴影，对其使用IE滤镜*/
更多CSS相容攻略相關文章請關注PHP中文網！
