角度材质波纹出现在对象内容或文本的顶部

作者: 庸人自扰
发布时间: 2024-12-28 04:55:41 (2月前)
转自：

2 条回复

0#
回复此人
夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 当你检查元素时（我有这个代码 <a href="https://material.angular.io/components/ripple/examples" rel="nofollow noreferrer"> 例 </A> ），您可以注意到在文本之后创建颜色div。所以的<strong> 不，你不能达到你想要的正确 </强> 。 </p> <pre> <code> <div _ngcontent-c21="" class="example-ripple-container mat-elevation-z4 mat-ripple mat-ripple-unbounded" matripple=""> Click me <div class="mat-ripple-element" style="left: -107.606px; top: -161.106px; height: 511.211px; width: 511.211px; background-color: rgba(255, 255, 0, 0.5); transition-duration: 400ms; transform: scale(1); opacity: 0;"></div> </div> </code> </pre> <P> 的<strong> 但是有一个黑客可以做到这一点 </强> ： </p> <pre> <code> .mat-ripple-element{ z-index:-1 !important; } .mat-ripple{ z-index:50; // 50 for example } </code> </pre> </DIV>

编辑

登录后才能参与评论