Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html SVG不´;我没有出现_Html_Css_Object_Svg_Embed - Fatal编程技术网

Html SVG不´;我没有出现

Html SVG不´;我没有出现,html,css,object,svg,embed,Html,Css,Object,Svg,Embed,这是HTML代码: <html> <head> <title>HOME | index</title> <meta charset="utf-8"/> <meta name="viewport" content="width-device-width, initial-scale=1.0"> <!-- <link rel=

这是HTML代码:

<html>
<head>
    <title>HOME | index</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width-device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
</head>
<body>                       
    <div style="text-align:center;padding:150px 0;">
        <object type="image/svg+xml" data="/img/menu.svg">
            <!-- <embed src="/img/menu.svg"> -->
        </object>
    </div>                
</body>

主页|索引
这就是SVG:

<svg version="1.1" id="menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 228.4 18.2" style="enable-background:new 0 0 228.4 18.2;" xml:space="preserve" width="500px" height="500px">
    <style type="text/css">
        .st0{
            fill:none;stroke:#000000;stroke-width:10;stroke-miterlimit:10;
        }
    </style>
    <line id="XMLID_1_" class="st0" x1="5.8" y1="10" x2="221.8" y2="10"/>
</svg>

.st0{
填充:无;笔划:#000000;笔划宽度:10;笔划斜接限制:10;
}
如果我使用embedsrc,结果也是一样的。
SVG只是一个笔划,在任何浏览器(firefox、chrome、edge)中都不会显示。我是SVG图像新手。

您知道如何在开发工具中查找源代码吗?您应该首先查看文件是否正在加载,然后您可以从中查看是的,我可以。只加载HTML文件。我想知道这是否是宽度和高度的问题。如果图像甚至没有加载,您的文件路径可能会有问题。你能用img标签试试吗?尝试检查路径?解决了!使用
标记并将SVG移动到主文件夹,而不是/img文件夹。你是对的,这也是一个文件路径问题。