CSS 不透明繼承(CSS不透明繼承)是一種CSS屬性，用于在父元素中隱藏或顯示子元素，而不會影響其透明度。

在傳統的CSS中，可以通過設置透明度來隱藏或顯示元素，但這種方法會導致元素的其他屬性(如顏色、字體大小等)也被透明化。而不透明繼承則可以解決這個問題，因為它允許子元素保持其原始透明度，而不會影響父元素的其他屬性。

不透明繼承的語法如下：

```css

#parent {

position: absolute;

width: 100%;

height: 100%;

background-color: rgba(255, 255, 255, 0.8); /* 不透明色 */

#child {

width: 50%;

height: 50%;

background-color: red;

在上面的代碼中，`#parent`是父元素，`#child`是子元素。`position: absolute`用于設置子元素為絕對定位，并使用不透明色來隱藏它。`width: 100%;`和`height: 100%;`用于設置父元素和子元素的寬度和高度，以達到100%的覆蓋率。`background-color: rgba(255, 255, 255, 0.8)`用于設置子元素的不透明色，該值可以是任何顏色，但建議使用透明的顏色來避免視覺上的混淆。

使用不透明繼承可以創建透明和不透明的混合元素，例如：

```css

#parent {

position: absolute;

width: 100%;

height: 100%;

background-color: rgba(255, 255, 255, 0.8);

#child {

width: 50%;

height: 50%;

background-color: red;

padding: 10px;

在上面的代碼中，`#parent`是父元素，`#child`是子元素，`padding`屬性用于在父元素中添加額外的文本行，而`background-color`屬性用于設置子元素的填充顏色。由于子元素被不透明色隱藏，所以其文本行仍然是可見的。