角: CSS封装错误网格组件:悬停样式应用于同级网格组件。
角: CSS封装错误网格组件:悬停样式应用于同级网格组件。
提问于 2020-03-27 12:27:56
我在我的代码中发现错误是有问题的，希望得到任何帮助。我有一个由*ngFor生成的带有子网格项组件的网格容器组件。子组件接受两个输入：
- 一个名为rfpDoc的对象
- 特色:布尔(我在用更大的文本设计特色项目)。
css悬停动画适用于所有子组件(缩放设置为隐藏溢出的图像)，除了第一个子组件(也恰好是功能项)。当我悬停在该组件上时，每个子组件都会放大和溢出网格容器。知道为什么会这样吗？
单击Stack Blitz URL注意到，悬停上最大的网格项扩展了网格，并推动了如何缩放同级组件。其他单独的网格项组件在盘旋时不具有相同的行为。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-03-29 12:23:58
替换
&:hover{
width: 105%;
height: 105%;
cursor: pointer;
}使用
&:hover{
transform: scale(1.05);
cursor: pointer;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60893684
复制相关文章
相似问题
腾讯云开发者
