Question

我正在尝试添加我在inkscape中制作的svg徽标出现在我的网站

这是我用来尝试显示它的CSS

当我加载页面时没有出现任何内容，但如果我浏览浏览器到我的图像文件夹，那么徽标显示正常，那么为什么它不能通过CSS显示。

#ind_header_logo{

    width: 400px;
    margin-top: 20px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    background: url(../images/index/logo.svg) no-repeat top left;
    background-size: cover;


}

编辑：刚刚意识到它在firefox中显示得很好，而且只是没有镀铬

Answer 1

我使用这样的对象解决了它，我知道这有一些缺点，但它是唯一有用的东西

<object type="image/svg+xml" data="images/index/logo.svg">

            </object>

SVG没有通过css在网站上显示

1 个答案: