如何包含 SVG 文件作为 背景

2023-12-20

我是 SVG 世界的新手,今天才开始尝试。我正在尝试创建一个移动网站,其中主要图形都是可扩展的,从而支持所有显示分辨率。

我为我的输入创建了一个 svg 文件(当前为 type="image"),令人惊讶的是结果与我的代码编辑器 (Coda) 中的预期一致。在测试中(移动 Safari、DT Safari 和 DT FF),输入显示损坏的图像路径占位符(誓言是正确的,因为我可以右键单击下载文件)。

如何将我的 SVG 文件包含在 (html5) 文档中?


See 在背景图像中使用 SVG http://www.broken-links.com/2010/06/08/using-svg-in-background-image/。在输入中放置背景图像的 CSS 与任何其他元素相同:

input { background-image:url('foo.svg') }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何包含 SVG 文件作为 背景 的相关文章

随机推荐

  • Android/Java:如何在 5 秒后停止下载?

    我正在使用 AsyncTask 下载文件 目的是测量连接的下载速度 我想在5秒后停止下载 以便我可以检查下载的总字节数并计算速度 这是我正在使用的代码 位于 doInBackground 方法内 try InputStream is new
  • Ansible 2.1.0使用become/become_user无法设置临时文件的权限

    我的服务器上有一个 ansible 2 1 0 我通过以下方式进行部署vagrant以及在 PC 上 部署 角色有 name upload code become true become user www data git email pr
  • 如何检查电子邮件ID是否存在?

    如何使用 PHP 检查电子邮件 ID 是否存在 并获取有关电子邮件 ID 所有者的信息 是否可以获得有关电子邮件 ID 所有者的信息 是否必须使用某些协议 如 POP 请帮我 如果不发送电子邮件并让用户以某种方式回复 则无法 100 保证知
  • 无法在 php 中获取已发布的 FormData

    我正在尝试在 PHP 中使用发布的 FormData 形式的 AJAX 调用 但我无法检索变量 我做错了什么 这是我的 JavaScript var sendData new FormData sendData append itemid
  • 我不应该捕获哪些异常?

    我有一个运行长批处理过程的应用程序 其中可能会引发许多异常 如果在批次中的一项期间引发非关键异常 我想简单地记录它并继续 这样我们就可以稍后修复问题 同时让其他批次项目继续 一些例外 例如OutOfMemoryException 对整个应用
  • 删除 Redshift 中的循环

    我有一个表 其中包含有关数据库中不同表的信息 对于其中的每个表 我希望定期进行日志记录 每天 问题是我使用 for 循环完成了此操作 并且在 Redshift 中执行需要花费大量时间 我给出了用于创建表 日志记录表和使用 for 循环的过程
  • 向下滚动后表格视图单元格发生变化

    我正在分组的表格视图中制作一个表单 在这种形式中 我有 UI 开关和文本字段 但向下滚动后 单元格样式正在发生变化 这是我的 cellForRowAt 索引 UITableViewCell tableView UITableView tab
  • 使用数组的索引之一对数组进行排序

    我有一个包含不同值的数组 我想按索引之一中的数值对其进行排序 const arr foo var 5 fee var 7 faa var 3 我想使用这个数组从大到小排序arr 2 价值 知道如何做到吗 期望的结果应该是 const arr
  • 如何使用控制器将不同的 NHibernate 会话(多数据库)注入到同一个存储库中,并使用 Ninject 控制哪些会话

    使用 ASP NET MVC3 忍者2 流畅的nHibernate 我有 2 个数据库 DB1 和 DB2 我有一个基本存储库类 Repository 和许多控制器 Controller1 Controller2 public MyCont
  • 配置 npm 以使用artifactory 作为 npm 注册表和 github 的代理来解决依赖关系

    我有一个无法访问互联网的构建服务器 我需要解决来自 github com 和registry npmjs org 的依赖关系 构建服务器可以访问 Artifactory 因此我创建了一个 NPM 存储库来代理registry npmjs o
  • 如何让 NSWindow 看起来被禁用并且不响应用户输入?

    我不确定是否有类似的系统级功能 不管怎样 有没有办法让 NSWindow 看起来被禁用并且不响应用户输入 我认为莫多米尼克的答案是不正确的 因为我只想禁用 NSTextFields 和 NSButtons 所以我想出了这个 for NSVi
  • 如何使用 Android NDK 在 Android Studio 中使用 C/C++ 自动完成代码

    我是 Android 开发的新手 我必须在 Android Studio 中使用 Android NDK 当我在Android Studio中编写代码时 无法建议代码 因此很难更好地工作 有人有解决方案吗 谢谢 我在 Android Stu
  • 在 WordPress 中清理但保留 html

    我知道清理用户输入很重要 我想确保删除不好的内容 但我也希望能够让用户将 html 添加到自定义字段 wordpress 清理文本字段功能做得很好 但我想告诉它保留 html 我可以使用另一个功能来实现这一点吗 Stackoverflow
  • 这个 import_umath 函数是什么?

    当编译一堆 Cython 生成的与 Numpy 交互的 C 文件时 我收到警告 usr lib pymodules python2 7 numpy core include numpy ufunc api h 226 1 warning i
  • Android - PreferenceActivity 中的标头类别和 PreferenceFragment

    我想显示一个类似于 Android 设置应用程序中的首选项屏幕 使用标题 PreferenceActivity PreferenceFragment 和标题类别 我不想在平板电脑上得到这个结果 这是智能手机上的 如果我只使用基本标题 它就可
  • Typescript 绝对模块路径未正确编译

    我对打字稿比较陌生 所以也许我在这里遗漏了一些东西或者没有完全理解这个概念 在 tsconfig 中 我在 compilerOptions 中定义了以下内容 baseUrl paths server 假设以下目录结构 server rout
  • 如何根据鼠标位置从文本框中获取特定文本值

    我有一个多行文本框 根据给定的数据显示一些值 通常每行一个值 为了弹出带有一些 替代 数据的工具提示 我想获取鼠标悬停在其上的单词 或至少是行 以便我可以找到要显示的替代项 我对如何根据文本框和字体大小进行计算有一些想法 但我不知道该怎么走
  • MongoDB 正在运行但无法使用 shell 连接

    CentOS 5 x Linux 与 MongoDB 2 0 1 尝试过 main 和legacy static MongoDB 正在运行 root 31664 1 5 1 4 81848 11148 Sl 18 40 0 00 mongo
  • Bash 参数扩展仅在交互式 shell 中有效,但在脚本中无效

    在用户控制台中我有bash echo SHELL bin bash bash version GNU bash version 4 2 46 1 release x86 64 redhat linux gnu 我在文件 test sh 中有
  • 如何包含 SVG 文件作为 背景

    我是 SVG 世界的新手 今天才开始尝试 我正在尝试创建一个移动网站 其中主要图形都是可扩展的 从而支持所有显示分辨率 我为我的输入创建了一个 svg 文件 当前为 type image 令人惊讶的是结果与我的代码编辑器 Coda 中的预期