Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.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
Html 如何在div中屏蔽文本_Html_Css_Mask_Masking - Fatal编程技术网

Html 如何在div中屏蔽文本

Html 如何在div中屏蔽文本,html,css,mask,masking,Html,Css,Mask,Masking,我试着把我的文本屏蔽成一个梯形的div。下面的代码片段显示了我走了多远。问题是de文本没有被隐藏到div中。有没有办法做到这一点 最重要的是de line保持固定。我尝试了掩码附件:修复了,但似乎不起作用,而且浏览器对掩码附件的支持也不好 .c-page{ 位置:绝对位置; } .c页--左{ 宽度:55%; 左:10%; 显示:表格单元格; 背景:白色; z指数:5; 最低高度:200vh; 背景:url('https://joerievers.be/images/clip-path.png

我试着把我的文本屏蔽成一个梯形的div。下面的代码片段显示了我走了多远。问题是de文本没有被隐藏到div中。有没有办法做到这一点

最重要的是de line保持固定。我尝试了掩码附件:修复了,但似乎不起作用,而且浏览器对掩码附件的支持也不好

.c-page{
位置:绝对位置;
}
.c页--左{
宽度:55%;
左:10%;
显示:表格单元格;
背景:白色;
z指数:5;
最低高度:200vh;
背景:url('https://joerievers.be/images/clip-path.png');
背景附件:固定;
背景重复:无重复;
背景尺寸:55%100vh;
}
.c-page——对{
宽度:45%;
右:10%;
显示:表格单元格;
背景:白色;
z指数:1;
}

H1:测试
H2:敏捷的棕色狐狸
H3:跳过那只懒狗
H4:愚蠢的斑马跳得多快啊!
H5:较长的盘格图可能提供更多幽默、聪明或深思熟虑的机会。
英语中的短连体字更倾向于使用不常见的词语。一个完美的盘古文字只包含字母表中的每个字母一次,可以被认为是字母表中的一个拼字;这是最短的可能
潘格拉姆。一个例子是短语“Cwm峡湾银行铭文vext QUICK”(Cwm,威尔士语的借词,意思是陡峭的山谷,特别是在威尔士)。然而,即使是以英语为母语的人通常也不理解这样的例子,因此可以说
它们不是真正的英国庞格拉姆

  • 用丝绸编织睡衣换成蓝色石英
  • 懒惰的少校正在修理丘比特折断的箭袋
  • 杰基现在可以从以前的测验中给出六大提示
  • 传真回吉姆的格温妮丝·帕特洛视频测验
  • 脾气暴躁的巫师们为邪恶的女王和杰克酿造有毒的啤酒
最著名的英语盘古语是“棕色狐狸跳过懒狗”。至少从19世纪末开始,它就被西联用来测试电传/双工数据通信设备的准确性和可靠性[1] 现在,许多计算机程序(最著名的是Microsoft Windows内置的字体查看器)都使用它来显示计算机字体。

H1:测试 H2:敏捷的棕色狐狸 H3:跳过那只懒狗 H4:愚蠢的斑马跳得多快啊! H5:较长的盘格图可能提供更多幽默、聪明或深思熟虑的机会。 英语中的短连体字更倾向于使用不常见的词语。一个完美的盘古文字只包含字母表中的每个字母一次,可以被认为是字母表中的一个拼字;这是最短的可能 潘格拉姆。一个例子是短语“Cwm峡湾银行铭文vext QUICK”(Cwm,威尔士语的借词,意思是陡峭的山谷,特别是在威尔士)。然而,即使是以英语为母语的人通常也不理解这样的例子,因此可以说 它们不是真正的英国庞格拉姆

  • 用丝绸编织睡衣换成蓝色石英
  • 懒惰的少校正在修理丘比特折断的箭袋
  • 杰基现在可以从以前的测验中给出六大提示
  • 传真回吉姆的格温妮丝·帕特洛视频测验
  • 脾气暴躁的巫师们为邪恶的女王和杰克酿造有毒的啤酒
最著名的英语盘古语是“棕色狐狸跳过懒狗”。至少从19世纪末开始,它就被西联用来测试电传/双工数据通信设备的准确性和可靠性[1] 现在,许多计算机程序(最著名的是Microsoft Windows内置的字体查看器)都使用它来显示计算机字体。


在显示的代码中,我没有看到任何会导致“屏蔽”的内容。建议你先去读一下这个问题的一些基础知识,分别。做一些适当的研究。这可能是一个很好的起点。@CBroe我已经做到了。但在任何情况下,当使用剪辑路径、遮罩图像。。。所以我在寻找其他的解决方案。这是最接近的一个