解決text-shadow在各瀏覽器的兼容性問題可以采取以下幾種方法：

1. 使用瀏覽器前綴：為了確保text-shadow在各個瀏覽器上都能正常顯示，可以使用瀏覽器前綴來設置text-shadow屬性。例如，可以使用以下代碼來設置text-shadow屬性：

   text-shadow: 2px 2px 2px #000;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -o-text-shadow: 2px 2px 2px #000;
   

2. 使用CSS Hack：在某些情況下，可以使用CSS Hack來解決text-shadow的兼容性問題。例如，可以使用以下代碼來設置text-shadow屬性：

   text-shadow: 2px 2px 2px #000;
   *text-shadow: 2px 2px 2px #000;
   

3. 使用JavaScript：如果以上方法都無法解決text-shadow的兼容性問題，可以考慮使用JavaScript來檢測瀏覽器類型，并根據不同的瀏覽器類型來設置不同的text-shadow屬性。例如，可以使用以下代碼來設置text-shadow屬性：

   var userAgent = navigator.userAgent.toLowerCase();
   if (userAgent.indexOf('webkit') !== -1) {
     document.getElementById('text').style.textShadow = '2px 2px 2px #000';
   } else if (userAgent.indexOf('gecko') !== -1) {
     document.getElementById('text').style.textShadow = '2px 2px 2px #000';
   } else if (userAgent.indexOf('msie') !== -1) {
     document.getElementById('text').style.filter = 'DropShadow(Color=#000, OffX=2, OffY=2)';
   }