腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
SVG
堆叠
被
屏蔽
的
div
内容
html
、
css
、
reactjs
、
svg
我目前正试图在React中创建
堆叠
的
<
div
>元素,其中顶层<
div
>
的
内容
被
屏蔽
了(尽管除了对
SVG
元素表示法之外,这可能并不重要)。给定两个响应式
的
<
div
>- A和B-都包含一个<img>,其中B绝对位于A之上,我想对<
div
> B应用一个内联
的
、任意
的
<
div</e
浏览 38
提问于2019-02-19
得票数 1
回答已采纳
1
回答
角2转换,指令
内容
为"alt“
javascript
、
html
、
css
、
angular
我有一个简单
的
问题,但却找不到解决办法.这是我
的
logo.components.ts:<
div
class="logo-icon"></
div
浏览 2
提问于2016-08-22
得票数 4
回答已采纳
2
回答
掩蔽子
SVG
的
边框半径
css
、
svg
我有一个带有
svg
子级
的
div
: <
svg
>...</
svg
>我正在尝试
使用
CSS获取圆角。但是,如果我在
div
上设置了border-radius,它不会
屏蔽
SVG
。这有点道理,但是有没有简单
的
替代方案呢?
浏览 2
提问于2018-09-24
得票数 0
2
回答
不透明
的
子级不能出现在父级
的
“z索引”兄弟级下面。
html
、
css
据我所知,对此没有什么可说
的
: 由于不透明度小于1
的
元素是从单个屏幕外图像组合而来
的
,因此它之外
的
内容
不能在其内部
的
内容
片段之间按z顺序分层。出于同样
的
原因,实现必须为不透明度小于1
的
任何元素创建一个新
的
堆栈上下文。如果不透明度小于1
的
元素没有
被
定位,那么它将被绘制在其父堆栈上下文中
的
同一层上,就像堆栈级别0
的
定位元素一样。如果一个不透明度小于
浏览 3
提问于2020-07-30
得票数 4
回答已采纳
3
回答
CSS:由于不透明,悬停无法工作
css
、
hover
、
opacity
我有个奇怪
的
CSS问题。 <
div
class="blocker">blocker</
div
></html> 我有一个
div
A,浮动在另一个
div
B上,它
的
不透明度是0.5。我想将
浏览 2
提问于2014-06-02
得票数 16
回答已采纳
1
回答
如何将
SVG
图像转换为React组件作为背景图像?
reactjs
、
background
、
gatsby
、
framer-motion
在我
的
盖茨比网站上,我打算
使用
一些动画背景,所以我得到了
SVG
图像,将它们转换成一个反应组件,并用Framer Motion动画化了
SVG
的
某些组。结果非常棒:我
的
动画在作为独立组件添加到页面中时会被完美地显示出来,但是如何将它们用作
div
或区段
的
背景呢?import React from 'react' const Animatio
浏览 2
提问于2020-02-17
得票数 0
回答已采纳
1
回答
SVG
clip-遮罩元素
的
路径: Chrome中
的
问题
html
、
css
、
google-chrome
、
svg
我有一个简单
的
html页面: .hidden {width: 0; height: 0;} </head> <
div
id="dv"></
div
> <
svg
浏览 0
提问于2014-05-11
得票数 1
1
回答
不透明度值小于1且没有z指数
的
叠加
css
、
opacity
指出,当页面中没有任何元素具有z索引时,元素按以下顺序
堆叠
: 按外观顺序创建
堆叠
上下文
的
子代定位元素和子代元素(在HTML中)
浏览 8
提问于2012-07-30
得票数 3
回答已采纳
2
回答
父
DIV
中
的
圆角不影响子
DIV
html
、
css
、
hierarchy
、
rounded-corners
因此,我正在试验在CSS3中
使用
圆角(不是在IE中,我不关心它在那里是否有效),并且我有
DIV
,我所有的
内容
都保存在那里,看起来很不错。我遇到
的
问题是,有些孩子
的
DIVs没有
被
父母
的
圆角“遮蔽”。我只想让父元素中
的
任何
内容
在四舍五入
的
地方不可见,就像它被
屏蔽
了一样。我试着
使用
"overflow: hidden;",但这似乎不起作用。 有人知道圆角容器
DI
浏览 0
提问于2011-03-12
得票数 9
2
回答
带有
SVG
背景
的
CSS网格
html
、
css
、
svg
、
css-grid
我正在
使用
CSS,它工作得很好,但希望有一个背景
SVG
,网格就在上面。<
svg
viewBox="0 0 500 200" preserveAspectRatio="none"><path d="M0.00,92.27 C216.83,192.92 304.30,8.39500.00,109.03 L500.00,0.00 L0.00,0.00 Z"></path></
svg
> &
浏览 5
提问于2021-10-07
得票数 0
回答已采纳
1
回答
使用
z-index将
内容
定位在
svg
前面
css
、
svg
、
z-index
我很清楚我不能将z-index应用于
svg
,并且对于
svg
,z-index是由元素在文档中出现
的
顺序定义
的
。但是假设我有一个
div
(而不是
svg
),我想强制它出现在
svg
之前,并且出于其他原因,这个
div
需要在标记
的
后面出现,如下所示:<
div
style="z-index=9999999; pos
浏览 4
提问于2014-05-15
得票数 2
1
回答
有没有可能用用路径绘制
的
内联
svg
来遮罩图像?
svg
、
mask
、
masking
我需要用一个
SVG
元素来遮罩一个图像。我在我
的
页面上有一个非常详细
的
内联
SVG
元素,我想用它作为一个将被加载
的
图像
的
掩码。我
的
SVG
是用<path>绘制
的
。我想要一些类似于这个示例
的
东西。<
div
> <mask i
浏览 2
提问于2012-06-06
得票数 4
回答已采纳
1
回答
指令,包装
内容
并保留原始元素
的
属性。
javascript
、
angularjs
、
angularjs-directive
、
transclusion
我在创建一个包装应用该指令
的
元素(及其子元素)
的
指令时遇到了一些问题。我不明白为什么这个看似常见
的
场景会如此困难,考虑到在AngularJS中还有很多其他常见
的
事情是多么容易,所以我很可能在这里遗漏了一些东西。 replace: true
浏览 2
提问于2014-04-08
得票数 10
回答已采纳
2
回答
如何
使用
嵌套指令保留作用域?
javascript
、
angularjs
、
scope
、
nested
、
transclusion
我
的
目标是为可重用和轻量级UI元素创建一组灵活
的
指令。每一个都有一个独立
的
范围,其中许多都包含了
内容
。我希望每个指令都是一个黑匣子--理想情况下,当编写要
屏蔽
的
内容
时,用户不需要知道它是否在内部嵌套另一个指令。 transclude选项更改作用域嵌套
的
方式。它使得
被
排除指令
的
内容
具有在指令之外
的
任何范围,而不是内部
的
任何范围。在这样做时,它允许
内容
浏览 4
提问于2014-01-31
得票数 4
回答已采纳
1
回答
当可滚动框位于具有不透明度和高度
的
元素顶部时,Firefox不会重新绘制
javascript
、
firefox
、
dom
这可能是我多年来在网站编码中遇到
的
最奇怪
的
事情,所以我想我会由一些比我聪明得多的人来尝试解释为什么会发生这种情况。如果没有解释的话,我可能会把它作为错误报告提交。我花了很长时间才真正弄清问题
的
原因。这是布景: <
div
id="subContainer"> sc
浏览 3
提问于2012-10-08
得票数 4
1
回答
如何使子
div
显示在父
div
中
的
css掩码上方
css
、
wordpress
、
z-index
、
css-mask
我已经将
svg
掩码应用于
使用
古腾堡封面块创建
的
mp4视频。问题是wp-block-cover__
内容
器文本也
被
svg
屏蔽
,但需要显示在它
的
上方。我试着
使用
以下答案来解决我
的
问题,但我不是专业人士,也无法这样做:How to apply a mask-image only on an element's background and not onwebkit-mask-image: url(https:
浏览 24
提问于2021-07-14
得票数 0
回答已采纳
8
回答
什么有更大
的
优先权:浏览器中
的
不透明度或z索引?
css
、
z-index
、
opacity
我正在JavaScript中编写一个“弹出窗口”,我遇到了一件有趣
的
事情:在弹出式窗口下
的
海军广场是可见
的
,尽管我希望它是隐藏
的
。弹出窗口是在正方形之后添加
的
,所以应该在顶部。海军广场
的
CSS opacity属性是0.3。根据我
的
尝试,似乎间隔(0,1)中
的
每个数字都会产生相同
的
结果。如果我将其更改为1,那么它
的
行为就像预期
的
那样(即弹出窗口下
的
方块部分是隐藏
的
浏览 5
提问于2010-05-14
得票数 62
回答已采纳
1
回答
可扩展循环
svg
掩码
html
、
css
、
svg
、
mask
我正在尝试创建一个css类,它将
屏蔽
一个正方形
div
或其他方形元素,这样您就只能看到
div
中有给定
内容
的
圆圈。我想要圆完全填充
div
,使四面是相切
的
。唯一
的
诀窍是
div
或元素是正方形
的
,因为元素需要保持可伸缩性。例如:元素高度和with可能都是50%,而不是50 50。我也试图使
div
的
中心在页面上,这也是相当有挑战性
的
。100%; <
div
浏览 2
提问于2014-12-21
得票数 1
回答已采纳
1
回答
获取角方向中
的
原始遮挡
内容
javascript
、
angularjs
、
angularjs-directive
是否有可能以编程
的
方式在Angular.js指令中获取原始
被
屏蔽
的
内容
? <clock>A custom directive</clock>请参阅此柱塞作为示例(): 单击实体灰条上<
浏览 2
提问于2013-11-17
得票数 14
1
回答
AngularJS :指令和已排除指令之间
的
范围访问
javascript
、
angularjs
、
angularjs-directive
、
angularjs-scope
我构建了一个模块化表单
的
小演示,其中包含了一个单独
的
输入指令。它还具有表单值
的
预览,绑定到相同
的
控制器和作用域。导致问题
的
输入指令是表单中被排除
的
输入: <mailer-input form="mail" model="email"> <mailer-preview><
浏览 0
提问于2014-07-15
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端福音:为什么使用React和SVG开发图形UI是天作之合?
React基础案例02+03 使用React构建HTML元素
Debug时,有个正确的态度至关重要
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS3 clip-path 用法介绍
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券