相关疑难解决方法(0)

我准备在我的电脑屏幕上握拳.我有一个对话框,拒绝让我在屏幕底部的提交按钮上面一个热点 - 我希望它在最顶层.

我已经确定我的主题正在加载.这在此验证:

我试过了:

this.dialogBox.open(thankYouModal, {position: {top: '0%', left: '20%'}});

我已尝试过顶部的负数和正数.我得到的最好的是我可以进一步向下移动模态,因此用户必须向下滚动才能关闭它.但是,那个吸盘不会让头发超过提交按钮

我试图将样式表放入组件中,其中包含以下内容:

div#cdk-overlay-0.cdk-overlay-container{
    position: fixed !important;
    left: 20%;
    top: 0%;
    background-color: white;
    pointer-events: auto;
}

我无法让这个东西在提交按钮上方一英寸处.如果他们帮助我弄清楚我做错了什么,我会给别人生一个孩子.

(是的,我知道我是戏剧性的,但我已经和它一起战斗并在网上搜索了3个小时;我是一个失败的人......)

编辑

这是thankYouModalComponent代码:

import {Component} from "@angular/core";
import {MdDialogRef, MdDialogConfig} from "@angular/material";

@Component({
             selector: 'thank-you-modal',
             template: `
                                <h3>Thank You for Your Submission</h3>
                                <p>Your Feedback has been Saved.</p>
                                <button md-raised-button (click)="dialogRef.close()">Close</button>

                        `,
            styles: [`
                        .md-dialog-container {
                                            position: fixed !important;
                                            left: 20%;
                                            top: 0%;
                                            background-color: white;
                                            z-index: 100000;
                    }`]
})

export class ThankYouComponent{
    constructor(public dialogRef: …