CSS中的src导致waf错误

CSS中的src是指定背景图片的路径，然而有时候它会导致waf错误。

background-image: url("//example.com/images/example.jpg"); 

这种情况的错误是因为waf（Web应用程序防火墙）会检测到src变量中包含“//”并认为这是一个具有危险意义的代码注入。这显然是一种误报，因为src中使用“//”是为了可以兼容不同的协议。例如，您可以在http或https页面上使用相同的CSS文件。

这个错误有两种解决方法。第一种是使用完整的URL路径。

background-image: url("https://example.com/images/example.jpg"); 

使用完整的路径可以避免遇到waf错误。但这样会使代码变得冗长并可能会影响性能。

第二种解决办法是使用其他新的属性来代替src。

content: url("//example.com/images/example.jpg"); 

通过使用content，可以避免waf检测src变量并绕过这个问题。但是，这种方式只适用于伪元素中的背景图片，不能用于通常的元素。

总而言之，src是CSS中非常常用的属性，但也有时候会遇到waf错误，需要特别注意。为了避免这种错误，我们应该使用完整的URL路径或其他新的属性来代替src。