在CSS中，有一種經典的文本下劃線效果，可以為文字添加一條下劃線。在標準瀏覽器（如Chrome、Firefox、Safari等）中，我們可以通過添加“text-decoration: underline”屬性來實現這一效果，但是在IE瀏覽器中，該效果需要特殊處理。

在IE6和IE7中，我們可以添加以下代碼來添加下劃線：

text-decoration: none;
border-bottom: 1px solid #000;

但是在IE8及以上版本中，該方法會導致下劃線被高亮，使得文本看起來不夠清晰。為了解決這個問題，我們可以添加以下代碼：

border-bottom: 1px solid transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000)";

這段代碼會使用IE的濾鏡特性（filter），將下劃線的顏色透明化，然后使用漸變色（gradient）特性來添加下劃線。這樣就可以避免下劃線被高亮顯示的問題。

當然，為了兼容各種瀏覽器，我們還可以添加以下代碼：

text-decoration: none;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.1);

這段代碼會使用類似漸變色的方式，將下劃線的顏色透明化，避免了高亮問題，同時又兼容了不支持rgba顏色的瀏覽器。

總之，在使用CSS添加下劃線的時候，需要考慮到瀏覽器的兼容性，并進行相應的特殊處理，才能保證效果的完美展現。