CSS中的src是指定背景图片的路径,然而有时候它会导致waf错误。background-image: url( //example.com/images/example.jpg ); 这种情况的错误
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。
粉丝
0
关注
0
收藏
0