CSS3淡入淡出不占位是使用CSS3的過渡（transition）功能來實現的。這種效果可以讓元素發生變化時，不會改變元素原本的布局，從而不占用其他元素的位置空間。

/* CSS3淡入淡出 */
.fade {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.fade:hover {
opacity: 0.5;
}

在上面的代碼中，我們給需要淡入淡出的元素添加了一個CSS類名"fade"，并設置了它的默認透明度為1。此外，我們使用transition屬性來定義元素的過渡效果：當元素的透明度發生改變時，過渡的時間為0.5秒，過渡類型為緩入緩出。

當鼠標懸浮在該元素上時，我們通過:hover偽類來修改元素的透明度為0.5，從而實現了淡出的效果。

需要注意的是，使用transition屬性實現淡入淡出效果需要瀏覽器支持CSS3，因此在舊版瀏覽器上可能會出現不兼容的問題。