我在糾結CSS mix混合模式。這里是我試圖實現的,基本上:有不同背景顏色或背景圖像的幾個部分。并且有一個帶位置的文字:固定。根據背景顏色,文本應該顯示為白色或黑色。大部分區(qū)域為黑色,部分深色/黑色區(qū)域為白色。那么有沒有辦法指定CSS mix blend mode給選擇器的值呢?或者其他解決問題的方法?
這里有幾個類似的問題。不過,沒有一個主題是關于一個固定的元素,應該是& quot黑人還是白人& quot。因此,沒有一個解決方案對我有用。
。固定文本{mix-blend-mode: difference}似乎工作得很好,只要所有部分的背景不是黑色就是白色。事實并非如此。 我試圖結合混合混合模式與過濾屬性,這顯然是不可能的。我嘗試用mix-blend-mode來代替固定文本及其偽類和元素。也不管用。我試圖用JS獲得背景的rgb值,并以這種方式改變固定的文本顏色。我?guī)缀醯玫剿2贿^,那樣我就不能讓文本有& quot平穩(wěn)過渡& quot就像mix混合模式一樣。洞文本立刻改變顏色,這也不是我想做的。我還嘗試了一些奇怪的東西,比如一些覆蓋容器和CSS背景過濾器,這很奇怪。我試圖同時結合幾種混合模式。 幾天來,我一直在尋找一個合適的解決方案,但一直沒找到。:(
下一篇vue基礎編程題