在網頁設計和開發過程中，面對不同的瀏覽器兼容性問題，可能是最頭疼的一個難題。尤其對于IE8及以下對CSS的支持問題。

首先需要了解的是IE8及以下版本使用的是舊版的渲染引擎，而其他主流瀏覽器如Chrome、Firefox、Safari等則是通過Webkit、Gecko等先進的渲染引擎來解析CSS。因此，我們需要針對IE8及以下版本進行專門的CSS兼容處理。

為了能夠在IE8及以下版本中正確呈現頁面，我們需要特別關注以下幾點：

1. 盒模型的計算規則：在IE8及以下版本，雖然也支持盒模型，但是其計算規則與其他瀏覽器不同，需加上下面一句代碼：
box-sizing: border-box;

2. 塊級元素和行內元素：在IE8及以下版本中，塊級元素如div、h1等默認為display: block，而行內元素如span、a等默認為display: inline。為了避免因此引起樣式布局問題，我們需要顯式地設置所有元素的display屬性，如下所示：
display: block;  /* 塊級元素 */
display: inline-block;  /* 行內塊級元素 */
display: inline;  /* 行內元素 */

3. 透明度的設置：在IE8及以下版本中，不支持opacity屬性，但是可以通過IE特有的濾鏡（filter）來實現透明效果。如下所示：
filter: alpha(opacity=50);    /* 透明度為50% */

4. CSS3屬性的處理：在IE8及以下版本中，不支持CSS3的新特性（如圓角、漸變、陰影等），但是我們可以通過IE專有的過濾器（filter）來實現相似的效果。如下所示：
/* 圓角 */
border-radius: 5px;
-moz-border-radius: 5px;  /* Firefox */
-webkit-border-radius: 5px;  /* Chrome、Safari */
behavior: url(border-radius.htc);   /* 給IE添加支持border-radius的htc文件 */
/* 漸變 */
background: linear-gradient(to bottom, #000000, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', endColorStr='#ffffff', GradientType=0);   /* IE專用 */
/* 陰影 */
box-shadow: 2px 2px 2px #ccc;
filter: dropshadow(color=#333, offx=2, offy=2);   /* IE專用 */

通過以上的處理，我們可以在IE8及以下版本中正確地呈現頁面，并且保持與其他主流瀏覽器的兼容性。但是請注意，這只是一種應對兼容性問題的手段，我們還應該注重代碼的簡潔性和可維護性，盡可能避免使用過多的hack或IE專有的樣式。