CSS兼容性視圖是指大多數瀏覽器對于CSS中的特定代碼的支持情況。在編寫CSS時，我們需要考慮到不同瀏覽器可能對CSS代碼的解釋與渲染方式都不盡相同，這會導致網站在不同瀏覽器中出現不同的表現效果。

為了解決這個問題，我們需要確保我們的CSS代碼在不同的瀏覽器中都能夠正確地渲染出來。這就需要我們了解不同瀏覽器對CSS代碼的支持程度，然后編寫兼容不同瀏覽器的CSS代碼。

/* 以下是一個兼容性視圖的例子，可以針對不同的瀏覽器寫對應的代碼 */
.transparent {
background-color: rgba(0, 0, 0, 0.5); /* 支持 RGBA */
background-color: transparent\9; /* 兼容 IE8 */
*background-color: transparent; /* 兼容 IE7 及以下版本 */
}
.border-radius {
-webkit-border-radius: 5px; /* Safari 和 Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* IE9+、Opera、Chrome、Safari 和 Firefox */
}
.box-shadow {
-webkit-box-shadow: 3px 3px 5px #888; /* Safari 和 Chrome */
-moz-box-shadow: 3px 3px 5px #888; /* Firefox */
box-shadow: 3px 3px 5px #888; /* IE9+、Opera、Chrome、Safari 和 Firefox */
}
.opacity {
filter: alpha(opacity=50); /* 兼容 IE8 及以下版本 */
opacity: 0.5; /* IE9+、Opera、Chrome、Safari 和 Firefox */
}

實際上，這只是CSS中的一些簡單的兼容性視圖代碼，并且在實際開發中有時候我們需要考慮更多情況，比如不同瀏覽器對于偽元素的支持、對于 CSS Grid 布局的兼容性等。

總之，在編寫 CSS 時，考慮到兼容性視圖是非常重要的一部分，這將確保我們的網站可以在不同的瀏覽器中正確顯示，并提供一致的用戶體驗。