自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

weixin_46876034的博客

前端

关注

文章平均质量分 75

关注数：文章数：1 文章阅读量：459 文章收藏量：9

作者: 希望上班不破防

这个作者很懒，什么都没留下…

展开

记录el-dialog父组件样式影响和遮罩层关闭问题

一.有可能受到父组件样式影响的问题的主要作用：1. 避免样式和定位问题：当组件的样式受到其父元素或其他兄弟元素的影响时，通过属性将其移动到<body>下，可以确保组件样式的独立性，避免不必要的冲突。：对于需要绝对定位或固定定位的组件，将其直接挂载到<body>下，可以简化定位逻辑，避免因为复杂的 DOM 结构导致的定位问题。2. 全局定位：由于组件被附加到<body>，它的定位是相对于视口的，这有助于确保组件（如下拉菜单或弹出框）可以正确覆盖页面上的其他元素。3. 提高可维护性。

原创 2025-01-10 10:12:47 · 459 阅读 · 0 评论