CSS 灰層下不可用是一種在網頁設計和開發中常用的技術，它通常用于在一些需要阻止用戶執行操作的場景下，強制將某個區域變灰并且不可用。

這種技術的實現基于opacity屬性和pointer-events屬性的使用。下面是一個簡單的 CSS 代碼片段，可以用來創建一個灰層下不可用的效果：

/* 灰層的樣式 */
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
opacity: 1;
z-index: 9999;
}
/* 內容區域 */
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
z-index: 10000;
}
/* 不可用的效果 */
.overlay.inactive {
opacity: 0;
pointer-events: none;
}

上面的代碼中，.overlay類定義了一個固定在頁面上的灰色遮罩層，并且設置了半透明的顏色。這里設置了一個較高的z-index屬性，確保它覆蓋頁面上其他的內容。

對于需要被設置為灰色不可用的內容區域，我們需要在其外圍再包裹一層div，并使用.content類來對其進行定位和樣式設置。

最后，在需要將灰色區域變為不可用狀態的時候，我們只需要通過為.overlay元素增加一個.inactive類，改變其opacity屬性和pointer-events屬性即可實現。