在这个StackBlitz我有一个Kendo for Angular Dialog。在对话框中有一个带position:absolute
的div,我需要在对话框的顶部显示,而不是在其中,并且对话框不应该有任何滚动条。有没有办法实现这个目标?
@Component({
selector: 'my-app',
template: `
<kendo-dialog title="Kendo Dialog"
style="position:relative;overflow:visible"
[width]="400" [height]="100">
<div id="div1">Some text in the div</div>
</kendo-dialog>
`,
styles: [`
#div1 {
position: absolute;
top: 20px;
left: 240px;
width: 300px;
z-index: 99990;
background-color: #f0f0f0;
border: 2px solid blue;
}
`]
})
export class AppComponent {
}
将其添加到组件样式:
my-app .k-window-content {
overflow: visible !important;
}