在網頁設計中，經常會遇到需要去掉按鈕投影的情況。這時，我們可以使用CSS來實現這個效果。下面我們來介紹一些方法。

.button {
box-shadow: none;
}

上面的CSS代碼將按鈕的投影屬性設置為none，從而達到去掉按鈕投影的效果。這種方法十分簡單，適用于簡單的按鈕。

.button {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

如果要兼容不同瀏覽器，我們可以使用上述的CSS代碼。其中，-webkit-box-shadow是適用于WebKit內核的瀏覽器，-moz-box-shadow是適用于Firefox瀏覽器，而box-shadow是適用于其他瀏覽器。

.button {
border: none;
outline: none;
}

除了使用box-shadow屬性，我們還可以通過去掉按鈕的邊框和輪廓來達到去掉按鈕投影的效果。上面的CSS代碼即可實現此效果。這種方法適用于簡單的按鈕，并且可以提升網頁的加載速度。

.button {
box-shadow: 0 0 0 rgba(0,0,0,0);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
}

還有一種比較新的方法是利用CSS3的rgba顏色。上面的CSS代碼會將按鈕的投影設置為完全透明，從而實現去掉按鈕投影的效果。使用這種方法，可以兼容現代瀏覽器。

綜上所述，我們可以使用多種方法去掉按鈕投影，具體要根據實際情況選擇。不過，為了兼容不同瀏覽器和提高網頁的加載速度，推薦使用第二和第四種方法。