在 CSS 中，有些屬性前面需要加上一些特定的前綴來實現瀏覽器兼容性。這些前綴通常是瀏覽器廠商的縮寫，例如為 Chrome 加入的前綴為 -webkit-，為 Firefox 加入的前綴為 -moz-。

.button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #888;
-moz-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
}

在上面的代碼中，border-radius 和 box-shadow 兩個屬性都需要加入瀏覽器前綴。其中 -webkit- 是為了兼容 Safari 和 Chrome 瀏覽器，-moz- 則是為了兼容 Firefox 瀏覽器。同時，還需要使用非前綴的 border-radius 和 box-shadow，因為這兩個屬性在 CSS3 規(guī)范中已經被支持。

需要注意的是，每個瀏覽器在支持一個新屬性之前，可能會加入自己的前綴，因此在實現瀏覽器兼容性時需要考慮多個前綴。為了方便，可以使用一些工具來自動生成帶前綴的 CSS 代碼，如 Autoprefixer 和 Prefixfree。