Question

我的网站上有一些SVG无法可靠加载。我从freeicons / icon8和1或2获得了它我使用Inkscape自己。我最初使用HTML将它们添加到我的网站，但我决定使用CSS，因为我在网上做了一些关于如何让它们100％加载的研究。这仍然没有为我解决。我不确定SVG文件是不是很糟糕（可能是这样），或者在尝试添加它时我真的搞砸了。

该网站可在http://lazeeztandoori.co.uk/index2.html

上找到

你会注意到在黑色的顶部栏上，右侧有3个链接。这些链接的锚点每个都有一个选择器，它与我想要使用的特定图标相关，但它不会加载。

此外，导航菜单还有一个每个链接的图标，可能会或可能不会为您加载（90％的可能性它不会加载）。这些是使用普通的img标签添加的。

知道是什么给出的吗？为什么SVG会加载？我弄乱了我的HTML / CSS还是别的什么？

非常感谢任何帮助。

Answer 1

您的网络服务器没有发送SVG文件的内容类型;这导致浏览器不知道它们是什么而不是渲染它们。

确保将Content-Type设置为image/svg+xml，以便它们显示出来。您需要为Web服务器进行额外设置。

Answer 2

http://www.lazeeztandoori.co.uk/image/navicons/的文件menu.svg的文件扩展名为svg，内容类型为text / plain; charset = ISO-8859-1。这是未压缩SVG的正确文件扩展名，但是SVG的MIME类型错误。

添加新的.htaccess文件/编辑现有文件并添加以下MIME类型：

using System;

namespace ConsoleApp
{
class Program
{
    static void Main(string[] args)
    {
        int n;
        Console.WriteLine("Enter A Number :");
        n = int.Parse(Console.ReadLine());
        if (n % 3 == 0 && n % 5 == 0)

        {
            Console.WriteLine("This Number is Divisible by 3 and 5 ");

        }

        else
        {
            Console.WriteLine("This Number is Not Divisible by 3 and 5");

        }
        Console.ReadLine();

    }
}
}

有关详情，请查看this。

为什么赢得我的SVG节目？

2 个答案: