【问题标题】:SVG: Inline or LinkSVG:内联或链接
【发布时间】:2016-08-21 17:00:22
【问题描述】:

我正在创建导航菜单并希望使用 SVG 图像。我的问题很简单,但我到处搜索,找不到很好的答案。

在“a”标签中使用嵌入的 SVG(用户体验、网页加载速度)哪个更好?或者在'a'标签中链接SVG?

我希望能够编辑 SVG 的颜色,并使用悬停效果。

【问题讨论】:

  • " 和 background-image 的问题... 是你无法控制使用 CSS 的 SVG 可以通过以下两种方式实现。”并且 "inline svg 可以很好,因为图像直接在文档中出现并且不需要发出额外的 HTTP 请求。换句话说,它具有相同的使用数据 URI 的优点。它也有同样的缺点。一个可能“臃肿”的文档,你试图创作的文档中有一大块废话,并且无法缓存“css-tricks: using svg
  • 欢迎来到 Stack Overflow!这个问题要么太宽泛,要么基于意见,要么需要讨论,因此对于 Stack Overflow 来说是题外话。如果您有具体的、可回答的编程问题,请提供完整的详细信息。

标签: css svg


【解决方案1】:

如果您想使用 CSS 设置 SVG 样式,则需要内联 SVG。无法设置外部 SVG 文件的样式 - 除非您将 CSS 添加到 SVG 文件本身中。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-11-20
    • 1970-01-01
    • 2017-04-29
    • 2016-01-14
    • 2015-05-16
    • 2014-11-01
    • 2014-04-12
    • 2017-03-01
    相关资源
    最近更新 更多