0

https://oogvoordialoog.myio.nl/你看到这个链接了吗？我写了一些 css 来为带有 css 蒙版和一些元素（眼睛）的图像制作一种笔触。笔画在 Safari 中不起作用……它在所有其他浏览器中都起作用，但在 Safari 中起作用。

我在团队页面上使用相同的 css，它在那里工作。唯一的区别是它只是一个图像而不是眼睛。

我使用 Wordpress 和 Elementor Pro。在热点小部件上它不起作用，但在图像小部件上它工作。您可以在检查器中看到我的所有代码。

解决办法是什么？

    
    filter: drop-shadow(1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 0px 0px var( --e-global-color-secondary )) 
            drop-shadow(-1px 0px 0px var( --e-global-color-secondary ))  
            drop-shadow(0px 1px 0px var( --e-global-color-secondary )) 
            drop-shadow(0px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 0px 0px var( --e-global-color-secondary )) 
            drop-shadow(-1px 0px 0px var( --e-global-color-secondary ))  
            drop-shadow(0px 1px 0px var( --e-global-color-secondary )) 
            drop-shadow(0px -1px 0px var( --e-global-color-secondary ));
    
    -webkit-filter: drop-shadow(1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 0px 0px var( --e-global-color-secondary )) 
            drop-shadow(-1px 0px 0px var( --e-global-color-secondary ))  
            drop-shadow(0px 1px 0px var( --e-global-color-secondary )) 
            drop-shadow(0px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px -1px 0px var( --e-global-color-secondary ))
            drop-shadow(-1px 1px 0px var( --e-global-color-secondary ))
            drop-shadow(1px 0px 0px var( --e-global-color-secondary )) 
            drop-shadow(-1px 0px 0px var( --e-global-color-secondary ))  
            drop-shadow(0px 1px 0px var( --e-global-color-secondary )) 
            drop-shadow(0px -1px 0px var( --e-global-color-secondary ));
}

这是我的边框css代码。也许还有其他方法可以在带有 css 蒙版的对象上制作边框？

4

0 回答 0