如何在HTMLCSS中制作穿透透明文本?

如何在HTMLCSS中制作穿透透明文本?,第1张

概述我有一个具有css背景的div:rgba(0,0,0,0.85);.以div为中心是页面的标题.我想让标题透过(淘汰赛,穿透,然而你想要称之为.即看看div的背景黑色到页面的背景图像).我想出的唯一方法就是使用带有div背景和透明文本的图像,并将标题部分分成块. ///////////////////////////////////////////////// (empty) // 我有一个具有CSS背景的div:rgba(0,0.85);.以div为中心是页面的标题.我想让标题透过(淘汰赛,穿透,然而你想要称之为.即看看div的背景黑色到页面的背景图像).我想出的唯一方法就是使用带有div背景和透明文本的图像,并将标题部分分成块.
/////////////////////////////////////////////////  (empty)    //  Title IMAGE //   (empty)  /////////////////////////////////////////////////

问题是我不知道如何创建空div,使图像保持居中(空div需要在那里添加黑色背景).是否有不同的方法可以看到没有这个问题的透视文本或者使用空div来居中图像div的方法?

编辑:有关我想要实现的效果的示例,请查看此处:
http://www.showandtell-graphics.com/layer-knockout.html

解决方法 你不能直接这样做;你应该使用一个图像,或svg可能会做的伎俩,但这是一个更复杂的地狱,浏览器并不是所有人都支持它. 总结

以上是内存溢出为你收集整理的如何在HTML / CSS中制作穿透透明文本?全部内容,希望文章能够帮你解决如何在HTML / CSS中制作穿透透明文本?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1104100.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存