腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
以
掩码
为
背景
的
SVG
-
HTML
元素
的
图像
css
、
svg
、
background-image
、
mask
、
css-transforms
我想使用
SVG
作为
HTML
元素
的
background-image。但是,当我在
SVG
中
的
任何位置使用
掩码
时,此操作都会失败。当在下面的代码中删除mask="url(#m)"时,
SVG
显示
为
背景
图像
,没有问题。
HTML
: <div>Some element.`. const
svg
= `<
svg
viewB
浏览 6
提问于2020-09-19
得票数 0
回答已采纳
2
回答
角DomSanitizer:消毒面膜-
图像
不工作
html
、
css
、
angular
、
typescript
、
angular-dom-sanitizer
当
为
元素
提供
背景
图像
时,一切正常:但是,如何为
元素
提供
掩码
图像
呢?也是 <div [ngStyle]="{ 'mask-image': 'url( mymaskimage.
svg
)' }"></
浏览 0
提问于2020-05-24
得票数 3
回答已采纳
1
回答
css
掩码
-
图像
选择
为
ie创建可编辑
的
svg
背景
色
html
、
css
、
svg
我想使用
svg
作为文件,并在css中使用它,当我将它悬停时,我必须更改它
的
颜色。我可以使用
掩码
图像
css属性创建这个非常简单
的
background-color: red;}有办法像这样使用
s
浏览 1
提问于2017-05-23
得票数 0
1
回答
如何使用
图像
掩蔽
html
元素
html
、
css
左下角将是球员
的
健康状况。我想通过显示一个人体
的
轮廓来表示这种健康,其中健康值是一个渐变
图像
,被填充,当他们下降健康时,梯度
图像
会向下移动,让
背景
显示出来。我有下面的代码,但我看到
的
只是div中
的
渐变
图像
,它没有被遮掩,这是一个黑白
图像
。我这是怎么了?我使用
的
是chrome,这是我唯一需要支持
的
浏览器。
html
, body { }
浏览 1
提问于2015-05-26
得票数 3
回答已采纳
1
回答
使用CSS:如何进行径向擦除过渡或动画到透明bg
css
、
css-animations
我试图动画一个径向擦拭(不是一个饼/循环效果),在其中bg颜色被一个透明
的
圆形
元素
从0到100%
的
视口缩放,显示bg
图像
。也许这两幅
图像
会澄清。 谢谢你
的
建议, 威士忌T.
浏览 0
提问于2018-06-14
得票数 0
回答已采纳
1
回答
使丝带
背景
透明
html
、
css
我找到了这个伟大
的
丝带CSS,我一直在混乱它
的
工作,我
的
设计。我就快到了。唯一
的
问题是,它
的
设置方式,它使用“身体
背景
颜色”,原来是蓝色,使丝带三角形和阴影.唯一
的
问题是,我
的
布局将有一个木制
的
背景
,所以使用一种颜色,使丝带不起作用。我希望有人能帮我,或给我一些建议,如何使丝带
的
两端透明,而不是蓝色。我做了一个/*Basic reset*/ * {margin: 0;
浏览 7
提问于2013-07-28
得票数 0
回答已采纳
1
回答
我如何应用内置
SVG
的
掩码
,它将在Chrome中工作?
html
、
css
、
svg
我想使用
SVG
形状剪辑我
的
元素
,
SVG
形状是在同一个
HTML
文件中定义
的
(一个内联
SVG
)。div { height: 200px; clip-path: url("#c");<div></div>但是,当使用
掩码
时,虽然在Firefox中工作得很好,
浏览 1
提问于2017-07-18
得票数 2
回答已采纳
1
回答
用CSS动画<img>
svg
?
jquery
、
html
、
css
、
animation
、
svg
我在CSS-Tricks上读过一篇关于在
svg
图像
中设置
元素
动画
的
。作者通过在
svg
中添加CSS-classes来处理不同
的
元素
。我想使用这种技术,但不幸
的
是在
背景
图像
上。所以
svg
在CSS中被设置
为
背景
图像
,而不是内联
的
。在不将
svg
直接放入我
的
HTML
中
的</em
浏览 0
提问于2014-11-15
得票数 0
1
回答
溢出正在扰乱scrollY值
javascript
、
reactjs
、
scroll
我一直在尝试在我
的
反应中读取scrollY
的
价值。但我发现它正被溢出搞得一团糟。下面是我用来读取scrollY
的
代码: export<div>
浏览 4
提问于2021-11-30
得票数 0
1
回答
背景
色忽略透明内容?
html
、
css
、
image
、
transparent
我有填充内容和透明内容
的
图像
。我想得到
背景
颜色,但只对填充内容(忽略透明),这是可能
的
吗?我能做些类似的事吗?我
的
项目:$("#hairbutton").click(function() { $(".img-wrap
浏览 2
提问于2014-12-30
得票数 3
回答已采纳
1
回答
反应-本机:底部半径
的
掩膜
图像
react-native
、
border
、
react-native-stylesheet
如何使边界底部半径在
图像
中? 查看代码: <View style={styles.welcomeWrapper
浏览 1
提问于2018-08-08
得票数 6
回答已采纳
2
回答
HTML
<div>上
的
自定义裁剪路径
javascript
、
jquery
、
css
、
svg
、
mask
在对
SVG
进行了不成功
的
实验之后,我希望使用另一种技术将剪辑路径(自定义多边形,如箭头)应用于<div>,女巫在<div>中有一些其他
的
HTML
元素
。firstbox"> <a href="#">This is a link</a></div>
浏览 2
提问于2012-06-20
得票数 0
1
回答
CSS:不支持CSS3
图像
掩码
和/或伪
元素
的
设备
的
自动回退/解决方案
css
、
jquery-mobile
、
toolbar
、
pseudo-element
、
css-mask
对于我
的
移动桌面导航栏,我有
背景
按钮(默认)。在顶部,我使用:后插入一个
元素
的
背景
(普通灰色),在悬停时更改为(lt。我正在寻找一种方法,在不支持
的
浏览器/设备上显示任何东西(=默认
背景
图像
):在处理或无法处理-webkit-
掩码
-
图像
之后。我将其用于伪类,方法是删除回退
背景
色(负责IE 7,8),现在我正在寻找一个不显示浏览器/设备上不支持webkit
掩码
<e
浏览 3
提问于2011-08-09
得票数 0
回答已采纳
3
回答
<script>
元素
是在
SVG
文件中还是在
HTML
中工作?
javascript
、
html
、
animation
、
svg
我想创建一个
SVG
文件,它本身就有一个由Javascript控制
的
小动画。让我们假设我必须使用Javascript,而不是。它工作得很好,一个黑色
的
圆圈在我
的
窗口左上角移动: xmlns="http://www.w3.org/2000/
svg
"现在,我想把
SVG
添加到几个网页中。让我们
浏览 8
提问于2014-05-22
得票数 6
回答已采纳
1
回答
如果父母
的
不透明度小于1,则不适用
背景
滤镜
css
我有一个容器
元素
,它具有可变
的
不透明度。它
的
孩子被认为是一个
背景
模糊。
浏览 3
提问于2022-10-16
得票数 5
回答已采纳
1
回答
如何使用elm-ui在elm中显示圆形
图像
?
svg
、
elm
、
elm-ui
我正在和elm-ui一起玩,我试图(在我看来)完成一个简单
的
任务,但我正在挣扎。import
Svg
exposing (
svg</em
浏览 4
提问于2019-12-15
得票数 9
回答已采纳
2
回答
使用相对位置时不正确
的
SVG
掩码
位置(Chrome)
javascript
、
html
、
css
、
svg
、
mask
我正在从事一个项目,在该项目中,我希望在感兴趣
的
位置显示
图像
(模糊)和放置“放大镜”(用非模糊
图像
进行圆圈),用户可以与其进行交互: 因此,
图像
被放置在一个包装器中,旁边是一个
svg
元素
。
图像
应该驱动
svg
的
大小,因此我不使用视图框属性。
SVG
定位
为
绝对,覆盖整个包装器。现在,我可以使用相对定位将
元素
放在
svg
上。然后,我在我想要放大镜
的
位
浏览 5
提问于2020-08-18
得票数 0
4
回答
有没有像使用CSS3
的
底部导航这样
的
iphone预建示例?
iphone
、
css
、
mobile-safari
有没有像使用CSS3
的
底部导航这样
的
iphone预建示例?有没有可能在CSS3中制作这些没有
图像
的
图标?
浏览 1
提问于2011-04-14
得票数 3
回答已采纳
1
回答
为什么
svg
容器破坏了css?
svg
、
rect
因此,我试图在
svg
容器中呈现这些波形rects。 但是,只有当这些矩形是独立
的
(删除
svg
包装器)时,呈现才能工作。我怎样才能让它工作而不删除包装。
浏览 1
提问于2017-05-12
得票数 0
回答已采纳
3
回答
在
svg
中更改
图像
的
背景
色
html
、
css
、
svg
如何在
svg
中更改标签
的
背景
色。我有一个透明
的
图像
加载在
图像
标签中,现在我想应用
背景
来应用颜色选择器
的
阴影。<
svg
width="200" height="200" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http://w
浏览 16
提问于2019-04-16
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
前端福音:为什么使用React和SVG开发图形UI是天作之合?
CSS基础(九)-viewBox(svg
粗谈HTML基础结构与布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券