CSS觸碰展示離開消失是指當(dāng)鼠標(biāo)觸碰到指定元素時(shí)，該元素會(huì)展示出一些信息或者效果，一旦鼠標(biāo)離開該元素，這些信息或效果就會(huì)消失。這種特效常常用于網(wǎng)頁的導(dǎo)航欄、圖片展示等方面，能夠讓網(wǎng)頁更加生動(dòng)有趣。

實(shí)現(xiàn)這種效果，可以使用CSS的:hover偽類。當(dāng)鼠標(biāo)懸浮在某個(gè)元素上時(shí)，該元素就會(huì)被hover選中，并且可以對(duì)其進(jìn)行一些特殊樣式的定義。例如，我們可以給一個(gè)鏈接添加下劃線、改變文字顏色、添加背景圖等等。

a:hover {
text-decoration: underline;
color: red;
background-image: url("bg.jpg");
}

除了改變樣式，我們還可以使用hover效果來展示一些信息。例如，當(dāng)鼠標(biāo)懸浮在一個(gè)圖片上時(shí)，會(huì)彈出該圖片的標(biāo)題等信息。我們可以利用CSS的:before和:after選擇器在元素前后添加一些額外的內(nèi)容，然后通過hover來控制它們的顯示與隱藏。

img:hover:before {
content: "這是一張照片的標(biāo)題";
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(0,0,0,0.5);
color: white;
padding: 5px;
border-radius: 5px;
opacity: 0;
transition: opacity 0.3s ease;
}
img:hover:before {
opacity: 1;
}

上面的代碼中，我們?cè)趫D片前添加了一個(gè):before偽元素，用來顯示照片的標(biāo)題。它的樣式定義包括背景顏色、圓角、字體顏色等等，其中-opacity和transition用來控制呈現(xiàn)和消失的時(shí)候的漸變效果。

總之，CSS觸碰展示離開消失是一種簡單而有趣的網(wǎng)頁效果，能夠提高用戶的交互體驗(yàn)。如果您使用這種效果，請(qǐng)一定要注意樣式的平衡和網(wǎng)頁的性能問題，以免影響頁面的加載速度和用戶的體驗(yàn)。