启用了缓存插件的IE11下,SVG分隔符不会显示

时间:2019-01-22 10:47:47

标签: css wordpress caching svg plugins

您好,我对此一无所知,也许是我疯了,看看这两个带有IE11和CHROME的wordpress网站

https://www.elegantthemes.com/layouts/services/locksmith-landing-page/live-demo

http://neos.anekitalia.com/traghetti/

它们都是用divi主题通过优雅主题制作的布局。第一个是他们网站上的演示,第二个是我的。在全角标题的底部有一个svg分隔符,仅在IE11下不显示。最近发生了这种情况,我不知道为什么,并且只影响那个特定的SVG(我的意思是,如果我在检查器中复制另一个svg代码,它将起作用)。我发现禁用我的缓存插件wp火箭可以解决此问题,但是我不明白为什么不只在IE11中渲染,而不仅是在特定的svg代码中渲染。以及为什么即使在他们的网站演示中也会发生这种情况(我认为他们使用的缓存方法与我的相同)。

例如,如果您在IE11检查器中尝试此操作,将起作用

background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==)

而不是:

background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMHZ3IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgOTAuNzJsMTQwLTI4LjI4IDMxNS41MiAyNC4xNEw3OTYuNDggNjUuOCAxMTQwIDEwNC44OWwxNDAtMTQuMTdWMEgwdjkwLjcyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDB2NDcuNDRMMTcwIDBsNjI2LjQ4IDk0Ljg5TDExMTAgODcuMTFsMTcwLTM5LjY3VjBIMHoiLz48L2c+PC9zdmc+)

非常感谢

0 个答案:

没有答案