Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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
svg作为背景html_Html_Css_Svg - Fatal编程技术网

svg作为背景html

svg作为背景html,html,css,svg,Html,Css,Svg,我试图将svg作为背景,但它不适合容器 你能帮个忙吗 多谢各位 我的同僚们都是精英。同侧面部的代表性扭转扭转了静脉的暂时性软组织,包括面部的选择。在布兰迪提斯的位置上,根据自己的口头禅进行区分。是否有明确的证据表明,必须使用马格尼(ullam magni)、多洛雷斯(illum dolores)和马格尼(magnam Teniteur)的面部和面部所携带的化学物质?Praesentium,我得挂了!萨皮恩特,我是卡斯。是否有足够的流动性,是否有必要加速?是暂时的理性吗?第二种情况是不公平的。

我试图将svg作为背景,但它不适合容器

你能帮个忙吗

多谢各位


我的同僚们都是精英。同侧面部的代表性扭转扭转了静脉的暂时性软组织,包括面部的选择。在布兰迪提斯的位置上,根据自己的口头禅进行区分。是否有明确的证据表明,必须使用马格尼(ullam magni)、多洛雷斯(illum dolores)和马格尼(magnam Teniteur)的面部和面部所携带的化学物质?Praesentium,我得挂了!萨皮恩特,我是卡斯。是否有足够的流动性,是否有必要加速?是暂时的理性吗?第二种情况是不公平的。真正的自由是自由的自由,自由的自由是自由的自由,自由是自由的自由,自由是自由的自由,自由是自由的自由,自由是自由的自由,自由是自由的自由,自由是自由的自由,自由是自由的自由?不必要的责任,不必要的责任。即使是暂时性的共和国,我们也能从中获得智慧,也能从中获益?明确地说,我们的目标是追求最大的财富,不包括建筑设计师、流动的人和身体


您必须使用css将svg设置为背景

您可以像使用文件夹中的图像一样使用svg:

.element {
    background-image: url(/images/image.svg);
}
或直接在css上使用:

.element {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='red' points='0,20 100,0 100,80 0,100'/%3E%3C/svg%3E");
} 

使用svg编码器

将left/bottom/right设置为0 alsohello,我添加了它,但仍然有相同的问题,请使用背景。奇怪的是,这里的效果与您所做的相同:可以有多个这样的背景SVG元素吗?
.element {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='red' points='0,20 100,0 100,80 0,100'/%3E%3C/svg%3E");
}