在火狐中的CSS base64 .svg蒙版-更改背景颜色

文章/答案/技术大牛

发布

1回答

html、css、firefox、svg、mask

我将一个base64 .svg图像作为遮罩背景应用到一个元素上。用户可以改变元素的背景，任何他们想要的颜色。这是我的css mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiL

浏览 43提问于2016-07-22得票数 0

4回答

有没有像使用CSS3的底部导航这样的iphone预建示例？

iphone、css、mobile-safari

有没有像使用CSS3的底部导航这样的iphone预建示例？有没有可能在CSS3中制作这些没有图像的图标？

浏览 1提问于2011-04-14得票数 3

回答已采纳

1回答

CSS将背景图像淡出到

css

可以将背景图像的底部淡出为透明吗？我需要指定背景图像和线性梯度来实现这一点吗？谢谢!

浏览 1提问于2015-09-21得票数 0

2回答

如果SVG被base64编码为背景，如何影响SVG的填充颜色？

css、svg、base64

我已经选择了base64编码我的SVG作为CSS的背景，以加快加载时间，但我不能改变填充颜色与CSS。在下面的示例中，我尝试添加背景颜色，但这只是更改了div的颜色。如果我在background:下面添加fill: #06f;，它不会做任何事情。.icon { background: url(data:image

浏览 4提问于2015-01-02得票数 1

1回答

正如标题所说，我有一个svg对象，我希望该对象包含一个Google地图实例。我试着用通常处理div或简单元素的方法来做这件事，使用Javascript和getElementByID并将映射放在元素中。我做了很多搜索，但由于谷歌使用svg的自定义图标和覆盖，所有的回应都与此相关。关于将id="map_canvas放在哪里，我尝试了很多不同的方法，但都没有成功。将svg作为对象的HTML： <div class="row map&

浏览 2提问于2014-09-27得票数 0

1回答

在Laravel React应用程序中使用Ionicons 5

reactjs、laravel、ionicons

我尝试使用CDN和CDN工作正常，但我想在节点模块中使用它，并尝试这样做：我在控制台中看到以下错误： Loading module from我能够导入SVG图像，但因为我不能将颜色更改为SVG图像。我确实想在我的脚本中加入js模块。

浏览 2提问于2020-05-25得票数 0

2回答

可以在内联svg中使用css变量吗？

css、svg、css-variables、inline-svg

我正在写一个网站的用户样式，我使用css变量的用户配置。我正在尝试使用带有变量的内联svg来创建一个复选标记，设置为用户首选的重音颜色。但它似乎不起作用。在提供的代码中，我只是插入了var函数，但我还尝试将笔划的颜色设置为currentColor，并将元素的颜色设置为变量。设置蒙版和背景<em

浏览 9提问于2018-12-30得票数 2

1回答

用背景数据修改SVG精灵的颜色

css、svg、sass、gulp

我正在尝试为我的网站创建一个灵活的精灵解决方案，其中我可以有一个版本的每个图标在精灵图像，但有能力改变它的颜色动态。我知道如果您将SVG嵌入到您的页面中，您可以做到这一点，但我不想这样做，因为我将在css/sass中使用它作为背景图像。这会阻止我更改SVG数据中路径的填充颜色。</svg</em

浏览 5提问于2015-06-23得票数 0

2回答

CSS-如何将图像形状从圆形更改为正方形或星形？

html、css、image、geometry、css-shapes

我有下面的CSS使图像圆形，但有没有可能使他们星形或方形？

浏览 3提问于2014-03-06得票数 1

3回答

用新颜色覆盖图像

javascript、css、html

所以我的问题是：我目前正在使用背景颜色属性来动态更改透明部分的颜色。谢谢你<em

浏览 0提问于2011-09-21得票数 4

回答已采纳

2回答

有没有可能将水平渐变淡入垂直渐变来遮罩某些东西

css、gradient、mask、opacitymask

我有三个背景渐变，水平蒙版，上边框和下边框来实现这个效果，将边框淡出到背景中：使用此代码(重复使用浏览器前缀大约一百万次..ugh)： linear-gradientlinear-gradient(to bottom, rgba(250,235,115,1) 0%,rgba(250,235,115,0) 2px) ; /* W3C */ 它几乎就在那里，但我的问题是，蒙版的</

浏览 1提问于2013-05-21得票数 0

2回答

如何改变SVG图片的背景颜色？

css、svg、background-color

这是一个示例SVG图像，我需要将其背景颜色从当前的白色更改为透明(或黑色)。<svg xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:dc="http://purl.org/dc/elements/1.1xmlns:c

浏览 0提问于2017-05-26得票数 3

回答已采纳

1回答

在SVG中使用蒙版从圆圈中剪切用户形状

svg

我从我们的设计师那里得到了一个图标来添加到我们的自定义图标字体中。该图标应该是一个圆圈与一个用户的剪裁。不幸的是，设计者没有遵循一些字体自定义原则，比如没有不透明，只使用了一种颜色。用户剪贴画在黑色圆圈上是白色的。现在，我正在尝试使用掩码将用户排除在圆圈之外。这是我尝试过的： <svg width="24" height="24" viewBox="0 0

浏览 22提问于2019-06-19得票数 0

回答已采纳

1回答

使用SVG形状遮罩图像并添加边框

svg、mask、clip-path

不确定这是可能的，所以我有一个备份计划(使用背景图像和:after来用图像中的边框掩蔽3x透明PNG中的一个，并使用nth-child来更改它们)。这就是我想要实现的目标。我知道clip-path会给我图像蒙版，但我也需要曲线边缘和边框颜色。我认为这在纯CSS中是不可能的。 ?

浏览 61提问于2021-05-09得票数 0

回答已采纳

1回答

通过Javascript将一个base64* SVG放入HTML中是比较容易的方法吗？*

javascript、jquery、svg、base64、decode

现在，我实际上正在使用Base64 SVG作为CSS中的背景图像。但是我喜欢将SVG写到HTML中，这样我就可以通过CSS轻松地修改SVG的颜色。下面是一个问题:如何将Base64 SVG转换为SVG标记并放入我的DOM中？var base64SVG = $('#s

浏览 1提问于2016-12-23得票数 0

回答已采纳

2回答

按钮悬停颜色

asp.net、html、css

为清晰起见，在解析后进行编辑。通常，它是这样的：我想要更改悬停时的突出显示颜色。="btnPprGrdsCancelRefresh&qu

浏览 3提问于2013-03-05得票数 0

回答已采纳

4回答

SVG对象从外部CSS更改颜色

html、css、svg

我正在尝试使用SVG(尝试用SVG替换图标字体)。我让它使用object标签来渲染image/svg。但是，我不能让它从CSS中改变颜色。假设我更喜欢从CSS给它着色，有没有一种方法可以在我使用嵌入SVG时做到这一点。does not support SVGCSS，我已经尝试过了： width: 100

浏览 3提问于2017-04-10得票数 10

2回答

GWT:屏蔽小部件

gwt、popup、mask、masking

所以我使用了一个弹出面板来做同样的事情{{} { setPopupPosition( uiObject.getAbsoluteLeft(), uiObject.getAbsoluteTop() );}} {}而是通过调用 Mask.e

浏览 0提问于2012-03-26得票数 0

回答已采纳

2回答

有没有办法使用纯CSS或其他方式将非硬编码背景混合到另一个非硬编码背景中？

css、svg、alpha-transparency、image-masking

为了保留设计，同时允许用户在不了解或访问图像编辑器的情况下将蒙版应用于他们想要使用的照片，我正在尝试找到一种方法，将未编辑的纹理/颜色与未编辑的照片一起使用，以产生以下效果： ?我现在所能想到的就是在Photoshop中手动将100%白色到0%白色的蒙版应用到照片的左边缘。但就像我说的，这不能由我

浏览 41提问于2019-10-05得票数 0

2回答

样式表中的base64* SVG样式*

css、svg

因此，我使用以下CSS来生成SVG徽标：有人知道如何在样式表中使用CSS更改图标的颜色，而不是嵌入到SVG标记中吗？我尝试在页面上多次使用相同的徽标，使用不同的颜色，所以不希望在样式表中加载SVG

浏览 1提问于2013-04-08得票数 3

点击加载更多