腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
mask
/-
webkit-mask
在
safari
中
不起作用
、
、
、
、
我已经让它在Chrome
中
工作了。但是这个样式
在
safari
中
不起作用
。我不知道为什么它行不通。我为
safari
添加了一个
mask
:版本。 right: 0; background: var(--c, linear-gradient(to top, #5454d4, rgba(249, 116, 104)));
mask
farthest-side, transparent calc(100% - var(--b) -
浏览 119
提问于2021-02-01
得票数 0
回答已采纳
2
回答
遮罩图像
、
我试图用
css
制作这张带有2个蒙版的图像,但我什么也没得到。我尝试使用此页面
中
的代码示例: 和我不能让它在我的生命中工作。
浏览 0
提问于2011-02-12
得票数 1
回答已采纳
4
回答
对于Gecko浏览器,有没有等同于-
webkit-mask
的Gecko,或者是一种奇特的降级方式?
、
、
、
我正在寻找一个可靠的答案,关于
在
Gecko浏览器/Firefox
中
是否有等同于-
webkit-mask
的东西?如果没有,有没有办法将
CSS
中
的
webkit-mask
降级为直接的背景图像处理,或者我应该放弃使用Javascript? 非常感谢!
浏览 1
提问于2011-05-05
得票数 5
回答已采纳
2
回答
在
Firefox
中
,svg掩码不能缩放
、
、
、
使用svg来遮罩图像,但它在firefox
中
似乎不能正确缩放。
在
safari
和chrome中看起来很好,并且
在
ie中有合适的后备。SVG -
webkit-mask
: url("../img/feelfilms-logo.svg#logo_
mask
");
mask
: url("../img/feelfilms-logo.svg#logo_
mask
&
浏览 0
提问于2015-01-10
得票数 2
1
回答
透明线性梯度
在
狩猎中看上去很奇怪
、
在
firefox
中
,它看起来很好,但是
在
safari
(14.1.1)
中
,由于某些原因,它看起来很奇怪有人知道怎么解决这个问题吗?
浏览 1
提问于2021-07-13
得票数 0
回答已采纳
2
回答
跨浏览器
css
掩码
、
、
我试图
在
svg
中
创建一个带有和图像的掩码。->我
在
两个svg之间插入一个图像(
在
一个文件
中
)<image id="image-front" xlink:href="" class="crop-image" />这是我的课:
mask
: url("/wp-content/themes/customtheme/assets
浏览 3
提问于2020-08-07
得票数 0
回答已采纳
2
回答
剪辑路径/web工具包掩码
在
SVG是独立文件时工作,但在内联时
不起作用
。
、
、
、
、
我使用下面的实现来屏蔽一个使用SVG和一些
CSS
的元素。: 1; overflow: hidden; -
webkit-mask
/clipPath></svg
浏览 2
提问于2013-11-27
得票数 1
3
回答
Can -
webkit-mask
在
一个元素上工作(例如,div)
、
、
尝试
在
div上使用一些
CSS
,并将其掩蔽为特定的形状。其概念是创建一个div,将该div掩蔽成一个形状(比如一个人的轮廓),并对该div应用一些背景
css
渐变。本质上是得到一个人的渐变轮廓,我可以很容易地通过改变
css
颜色来改变颜色。我一直
在
尝试使用-
webkit-mask
(如下所示:),但似乎无法
在
div/span/任何目录上使用它 有人做过类似的事吗?B
浏览 1
提问于2011-03-22
得票数 2
3
回答
是什么让
Safari
跳过了剪辑路径和SVG的掩码?
、
我
在
火狐中使用带有.svg文件链接的剪辑路径没有任何问题,但
Safari
似乎拒绝使用它们。相关行出现在main.
css
(221)
中
,如下所示:我做了一个测试,创建了一个带有掩码标签的.svg,并将上面出现的剪辑路径行替换为
css
掩码(如果你想在火狐样式编辑器中
浏览 0
提问于2013-05-16
得票数 1
回答已采纳
2
回答
CSS
渐变边框在
safari
中
不起作用
、
、
在这一点上,我得到了
在
Chrome和Firefox中都可以使用的按钮。 我遵循了一个在线指南,关于如何创建自定义边框与渐变,这也是圆角。该指南的链接可在此处找到:documentation。但是由于某些原因,相同的样式
在
Safari
中
不起作用
。我不知道为甚麽会这样。 下面是我用来创建按钮的
CSS
代码。我还在底部包含了一个具有相同样式的代码片段。请注意,该代码片段有几个额外的类和
CSS
属性,只是为了让它正确显示。90deg, #df
浏览 32
提问于2021-03-23
得票数 1
回答已采纳
2
回答
如何在不剪切.svg图标的情况下显示它?
、
、
、
、
我试图
在
我的网站上显示社交媒体图标,这样我就可以使用
css
改变颜色(这样我就可以添加下面代码
中
显示的悬停效果)。但是,由于这些是矢量图像文件(.svg),我似乎无法找到使用传统的<img src="">方法将图像插入到网页
中
的方法。因此,
在
签出之后,我增加了.media-buttons类的宽度,并使用-webkit-
mask
-position将图像向下和向左移动几个像素,如下面的代码所示。这显然是行不通的。我还注意到,并非所有浏览器都完全支持-
we
浏览 0
提问于2016-02-25
得票数 0
回答已采纳
1
回答
基于视频标签的矩形SVG掩蔽
、
我也尝试过用多边形来创建一个矩形,但它似乎
不起作用
。id="
mask
" x="0" y="0" width="100%" height="100%" > width: 100%; top: 0;
浏览 1
提问于2022-07-29
得票数 -3
回答已采纳
2
回答
css
属性掩码对svg没有正常工作。
、
、
、
、
Css
属性clip-path工作正常,但
mask
或-
webkit-mask
在此
中
不能正常工作。所以请检查示例代码,可能是我犯了什么错误。
浏览 3
提问于2020-06-16
得票数 0
回答已采纳
1
回答
CSS
掩码中使用的SVG文本
在
Firefox
中
不工作
、
、
、
、
想让我的面具
在
火狐
中
工作,会让我觉得被困住了。然而,已经花了很多时间
在
研究上,但没有成功。也许,我错过了一些显而易见的东西,如果人们能帮我看一眼,我会非常感激的。这里的想法是: (
在
CodePen
中
的FF
中
工作,但我尝试直接实现相同的代码,它在FF
中
不起作用
)。<html> <link href=".bottom: 0; h
浏览 4
提问于2016-07-06
得票数 0
1
回答
谷歌地图上的透明圆角
、
我在上面使用
CSS
3边框半径,但是它只
在
Firfox中正确工作,而其他人只是把它保留为矩形。</div></div>.map.mapCircle { height: 476px;.mapCircle>divUPD:刚刚在IE9
中
进行了测试,并呈现OK。webkit和Opera怎么了? UPD 2:我使用了过度热心的方法,并发现它只
在
Safa
浏览 0
提问于2011-08-01
得票数 6
回答已采纳
2
回答
如何在
CSS
中
为圆角头像制作圆角模糊边框
、
我需要一个图像内部的边界模糊的
css
代码。; display: block;.min_cir{} -
webkit-mask
: -webkit-radial-gradient( center, closest-side, transparent 30%, black 80%); -
webkit-mask
: radial-gradient( closest-side at center, tran
浏览 9
提问于2016-02-02
得票数 3
1
回答
屏蔽svg图像在资源管理器和边缘上不显示
、
我尝试
在
html页面上显示svg图标。
在
chrome和其他运行良好的浏览器上,但是
在
edge和internet explorer上,这个图标不会出现。我用
css
做了一个掩码。background: #000;.default { width:45px;}
mask
/icons/network.svg') no-repeat center center; -<e
浏览 18
提问于2019-04-08
得票数 0
1
回答
CSS
掩码最大高度错误
、
、
、
、
因此,我的问题是使用
css
掩码来隐藏position: fixed;项。原因是因为显然overflow: hidden;不能工作。所以这实际上
在
我测试过的所有浏览器中都能顺利工作,直到包含掩码的div的高度达到一个特定的、看似任意的高度。(
在
iPad上为1280px,
在
桌面
Safari
上为2000px ) 我完全被这个问题难住了,还没有找到任何关于这个问题的文档。有没有人使用过
css
口罩,也许能找到一些线索来解释为什么会这样?/img/
mask
.sv
浏览 3
提问于2014-02-12
得票数 2
2
回答
css
clip-路径
在
Opera和Internet Explorer
中
不起作用
、
、
、
我需要使用裁剪来实现一个具有对角线右边缘的类似进度条的元素,而
css
3裁剪路径似乎是最好的选择。我可以很容易地找到
在
Firefox和Chrome上工作的解决方案,但经过几个小时的试验,我
在
Internet Explorer和Opera上都没有取得任何进展:它们似乎就是简单地忽略了剪辑路径!这里是我的完整的html文件,包括
css
和所有的,准备好复制/粘贴并运行,谁有什么建议?提前谢谢。
浏览 0
提问于2014-01-22
得票数 0
1
回答
CSS
掩码
在
firefox上
不起作用
、
、
、
我尝试使用掩码显示SVG图像,但在Firefox
中
没有显示。我的
CSS
类如下: -
webkit-mask
: url('../img/arrow-down.svg') no-repeat 100% 100%; width: 1.15em;}<div class="myClass&quo
浏览 12
提问于2016-07-29
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS遮罩的过渡效果有趣的幻灯片
一个HTML元素和五个CSS属性的魔力
给用户一个否减弱动画效果的选择每日前端夜话0x8B
CSS中:visited链接伪类的怪癖
瞬间提升文章颜值
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券