transform: translateY(-10rem)不会移动父元素中的子图像元素,是因为transform属性只会影响应用该属性的元素本身,而不会影响其子元素。
transform属性用于对元素进行变换,包括移动、缩放、旋转等操作。translateY(-10rem)是其中的一种移动操作,表示元素在垂直方向上向上移动10个rem单位的距离。
然而,该变换只会应用于应用了transform属性的元素本身,而不会影响其子元素。子图像元素在父元素中的位置不会受到父元素的transform属性的影响,它们会保持在原来的位置不变。
如果想要同时移动父元素和子图像元素,可以将transform属性应用于父元素,或者使用position属性配合top、left等属性进行定位。具体实现方式取决于具体的布局需求。
关于transform属性的更多信息和使用示例,您可以参考腾讯云的前端开发文档中的相关内容:https://cloud.tencent.com/developer/doc/1207
领取专属 10元无门槛券
手把手带您无忧上云