background-image 相关问题

如何使用此 SVG 作为 CSS 中的背景图像？我尝试使用它，但后来我感到困惑。我知道它应该是 CSS 格式，但我该怎么做如何在 CSS 中将此 SVG 用作 background-image？我尝试使用它，但后来我感到困惑。我知道它应该是 CSS 格式，但我该怎么做 <svg width="1318" height="800" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="-45.25%" y1="-88.077%" x2="97.789%" y2="100%" id="a"><stop stop-color="#FF52C1" offset="0%"/><stop stop-color="#F952C5" offset="4.09%"/><stop stop-color="#9952FF" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="-64.06%" y1="-121.906%" x2="97.789%" y2="100%" id="b"><stop stop-color="#FF52C1" offset="0%"/><stop stop-color="#F952C5" offset="4.09%"/><stop stop-color="#9952FF" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="100%" y1="111.373%" x2="-24.893%" y2="-55.159%" id="c"><stop stop-color="#FF52C1" offset="0%"/><stop stop-color="#9952FF" offset="100%"/></linearGradient><linearGradient x1="21.681%" y1="5.006%" x2="145.861%" y2="145.591%" id="d"><stop stop-color="#FF52C1" offset="0%"/><stop stop-color="#9952FF" offset="100%"/></linearGradient><linearGradient x1="6.375%" y1="-15.195%" x2="91.754%" y2="105.701%" id="e"><stop stop-color="#FF52C1" offset="0%"/><stop stop-color="#9952FF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(#a)" transform="matrix(-1 0 0 1 834.817 0)" d="M0 0h409.224l425.593 376v156.83z"/><path fill="url(#b)" transform="rotate(180 528.65 584)" d="M0 367l641.153.138L1057.3 673.299V801z"/><circle stroke="url(#c)" stroke-width="17" cx="704" cy="563" r="49"/><rect fill="url(#d)" opacity=".558" transform="rotate(45 1107.87 708.87)" x="1088.87" y="689.87" width="38" height="38" rx="3"/><rect fill="url(#d)" opacity=".503" transform="rotate(45 1279.598 103.598)" x="1251.598" y="75.598" width="56" height="56" rx="3"/><rect fill="url(#d)" opacity=".558" transform="rotate(45 934.627 63.627)" x="918.627" y="47.627" width="32" height="32" rx="3"/><rect fill="url(#d)" opacity=".558" transform="rotate(45 703.627 186.627)" x="687.627" y="170.627" width="32" height="32" rx="3"/><rect fill="url(#d)" opacity=".387" transform="rotate(45 1237.02 606.02)" x="1228.521" y="597.521" width="17" height="17" rx="1"/><path d="M91.477 739.477v-16.5a5 5 0 0 1 10 0v16.5h16.5a5 5 0 0 1 0 10h-16.5v16.5a5 5 0 1 1-10 0v-16.5h-16.5a5 5 0 1 1 0-10h16.5z" fill="url(#e)" opacity=".211" transform="rotate(45 96.477 744.477)"/></g></svg> 您需要将 SVG 文件放入项目本身。就像这个例子：示例

html css svg background-image

回答 1 投票 0

如何在javascript中更改背景图片？

（原谅我的英语不好）我有几个 div。它们都应该具有相同的背景图像。所以我给他们上了同一堂课。在 style.css 中我通过 U 设置了这个类的背景图片...

javascript css background-image

回答 1 投票 0

如何在javascrip中更改背景图片？

（原谅我的英语不好）我有几个 div。它们都应该具有相同的背景图像。所以我给他们上了同一堂课。在 style.css 中我通过 U 设置了这个类的背景图片...

javascript css replace background-image

回答 1 投票 0

背景仅在 Chrome 上重复 - 即使添加“不重复”后

我需要找出为什么我的背景在我的CSS中重复，即使在使用不重复之后也是如此。我试图避免使用背景覆盖，因为它会扭曲图像。这仅发生在 Chrome 上。 https://

html css google-chrome background background-image

回答 1 投票 0

Tailwind css backgroundImage 不适合我

所有，我正在尝试使 tailwinds backgroundImage 解决方案发挥作用，并且我在此处或 github 上找到了许多其他 tailwindcss 问题的帮助，但不适用于此。这不是一项复杂的任务，但仍然......

css background-image tailwind-css

回答 10 投票 0

背景 Gif 未在 Github Pages 网站中显示

我正在使用 GItHub Pages 托管一个网站。在我的index.html 文件中，我有一个名为“英雄”的部分。这是代码： ` （里面有代码） ` 由于某种原因，当我加载页面（用户名.github.io）时

html css github background-image gif

回答 0 投票 0

可以在一个元素中调整两个背景图像的大小吗？

我想调整其位置上的背景图像的大小。有可能的？我已经尝试过，但实际上不起作用。标头{ 背景：#fff8f3；内边距：0 200px；背景图片： url(...

css background-image

回答 2 投票 0

background-image 相关问题

最新问题