在網站設計中，我們常常會用到CSS樣式來美化頁面，但是不同的瀏覽器對CSS樣式的解析方式可能不同，因此我們需要檢測CSS的兼容模式，以確保頁面在不同瀏覽器上都能正常顯示。

檢測CSS兼容模式可以使用瀏覽器的開發者工具。在Chrome瀏覽器中，我們可以打開開發者工具，點擊右上角的“三個點”，選擇“More tools”，再選擇“Rendering”，即可看到當前頁面的CSS兼容模式。

![檢測CSS兼容模式](https://i.imgur.com/pzG8dvV.png)

如果當前頁面處于標準模式（HTML5文檔類型），則會顯示“Standard”，如果處于怪異模式（非HTML5文檔類型），則會顯示“Quirks”。

除了使用開發者工具，我們還可以在CSS樣式表中添加一些特定的屬性來檢測兼容模式。例如，在樣式表中加入下面的代碼：

html {
background-color: red;
background-color: green\0/;
background-color: blue\9;
}

這里的“\0/”和“\9”是CSS Hack，它們可以分別檢測IE6和IE8的兼容模式。當頁面在IE6下運行時，只會顯示紅色背景色；而在IE8下運行時，則會顯示藍色背景色。

總之，檢測CSS兼容模式是網站開發過程中的重要一環，只有確保頁面在各種瀏覽器上都能正常顯示，才能給用戶更好的體驗。