Привет всем, я не могу понять из этого, может быть, я сумасшедший, посмотрите на эти 2 WordPress веб-сайтов с IE11 и CHROME
https://www.elegantthemes.com/layouts/services/locksmith-landing-page/live-demo
http://neos.anekitalia.com/traghetti/
они оба являются макетами, созданными с использованием темы диви элегантными темами.Первая - это демо на их сайте, вторая - моя.В нижней части заголовка полной ширины есть разделитель SVG, который не отображается только под IE11.Это произошло недавно, я не знаю почему и влияет только на этот конкретный SVG (я имею в виду, что если я скопирую в инспекторе другой svg-код, он будет работать).Я обнаружил, что отключение моего плагина кэширования wp rocket устранило проблему, но я не могу понять, почему не выполняется рендеринг только в 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+)
большое спасибо