CSS是background-mode-blend還不是嗎？

Question

我一直在嘗試使該屬性正常工作，所以我不必訴諸Photoshop來利用諸如屏幕，乘法和填充之類的效果。 我到處都看到對它的引用，但似乎無法在我正在處理的頁面上使用它。

也許我執行錯了嗎？

.nav-items {
display: inline-block;
font-family: Porter;
font-size: 2em;
letter-spacing: .05em;
margin: .3em;
padding: 5px;
background-color: #1e1e1e;
background-blend-mode: screen; }

li在特定ul中具有nav-items。 背景只是不使用屏幕混合模式的純灰色塊。 有什么要拋棄的智慧嗎？

Answer 1

根據文檔 ：

混合模式的定義順序應與background-image CSS屬性的定義順序相同

但是您沒有指定background-image 。 background-blend-mode不混合顏色，而是混合圖像。

Answer 2

混合模式可用於2種不同的屬性，

• 背景混合模式
• 混合混合模式

第一個在同一元素的2個背景之間設置效果（可以是圖像也可以是純色）

第二個在元素和基礎元素之間設置效果（這似乎是您的情況）。 但請注意，它將影響所有元素（邊框，文本等）-不僅是背景