我创建了一个具有两个不同组件的应用程序:
从一开始,子级组件(作为标签)就存在于父级模板中,但带有display:none
。单击按钮,display
值将更改为inline
,子组件将出现并覆盖父组件的一部分,而父组件将更改其不透明度值。效果很好。
这是管理这两个组件以产生此效果的正确方法吗?有没有一种方法可以创建和删除嵌套组件,而无需从一开始就将其放在父级模板中display:none
?我有这些问题,因为我必须添加其他组件以链接到其他按钮。这样,我在主体视图中将有几个嵌套的组件,但是我不知道这是否是一个好方法。
设置应该显示在上方的组件的z-index值高于应该显示在下方的组件的z-index值检查此链接:https://developer.mozilla.org/en-US/docs/Web/CSS/z-index