Asp.net mvc 剑道弹出模式需要透明的边框吗

我试图在kendogrid弹出窗口周围实现一个透明的边界。我通过将网格包围在div中并将以下样式应用于div，成功地应用了kendogrid

border: 20px solid rgb(100, 100, 100); /* default color */
border: 20px solid rgba(0, 0, 0, 0.3); /* rgba for transparency */

我不知道如何将带有div的弹出窗口封装起来并相应地应用样式。谁能帮帮我吗

html

@(Html.Kendo().Grid<CC.GRP.MCRequest.ViewModels.TeamViewModel>()
    .Name("GridTeam")
    //.HtmlAttributes(new { style = "height: 700px"})
    .Columns(columns =>
    {
        columns.Bound(o => o.TeamID).Hidden();
        columns.Bound(o => o.TeamName);
        columns.Bound(o => o.TeamDescription);
        columns.Bound(o => o.CountryCode);

    })
    .ToolBar(toolbar => toolbar.Create().Text("Add Team"))
     .Editable(editable => editable.Mode(GridEditMode.PopUp)
     .TemplateName("TeamEdit")
        .Window(w => w.Width(500))
     )
    .Pageable(pager => pager.PageSizes(new string[] { "15", "30", "45", "60" }))
    .ClientDetailTemplateId("userProfileTemplate")
    .Sortable()
    .Filterable()
    .Scrollable()
    .Groupable()
    .Events(e => e.DataBound("onRowBound")
    .DetailExpand("expandRow"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(t => t.TeamID))
        .Create(create => create.Action("Team_Create", "Admin"))
        .Read(read => read.Action("Team_Read", "Admin"))
        .Update(update => update.Action("Team_Update", "Admin"))
        .Destroy(update => update.Action("Team_Delete", "Admin"))
    )
    .Events(events => events.Edit("insertPopupCaption"))
    )

@（Html.Kendo（）.Grid（））
.名称（“GridTeam”）
//.HtmlAttributes（新的{style=“height:700px”}）
.列（列=>
{
columns.Bound（o=>o.TeamID.Hidden（）；
columns.Bound（o=>o.TeamName）；
columns.Bound（o=>o.TeamDescription）；
columns.Bound（o=>o.CountryCode）；
})
.ToolBar（ToolBar=>ToolBar.Create（）.Text（“添加团队”））
.Editable（可编辑=>Editable.Mode（GridEditMode.PopUp）
.TemplateName（“团队编辑”）
.窗（宽=>宽（500））
)
.Pageable（pager=>pager.PageSizes（新字符串[]{“15”、“30”、“45”、“60”}））
.ClientDetailTemplateId（“userProfileTemplate”）
.Sortable（）
.可过滤（）
.Scrollable（）
.Groupable（）
.Events（e=>e.DataBound（“onRowBound”）
.DetailExpand（“expandRow”））
.DataSource（DataSource=>DataSource
.Ajax（）
.Model（Model=>Model.Id（t=>t.TeamID））
.Create（Create=>Create.Action（“团队创建”、“管理”））
.Read（Read=>Read.Action（“团队读取”、“管理”））
.Update（Update=>Update.Action（“团队更新”、“管理”））
.Destroy（update=>update.Action（“团队删除”、“管理”））
)
.Events（Events=>Events.Edit（“insertPopupCaption”））
)

UI

呈现的html

@(Html.Kendo().Grid<CC.GRP.MCRequest.ViewModels.TeamViewModel>()
    .Name("GridTeam")
    //.HtmlAttributes(new { style = "height: 700px"})
    .Columns(columns =>
    {
        columns.Bound(o => o.TeamID).Hidden();
        columns.Bound(o => o.TeamName);
        columns.Bound(o => o.TeamDescription);
        columns.Bound(o => o.CountryCode);

    })
    .ToolBar(toolbar => toolbar.Create().Text("Add Team"))
     .Editable(editable => editable.Mode(GridEditMode.PopUp)
     .TemplateName("TeamEdit")
        .Window(w => w.Width(500))
     )
    .Pageable(pager => pager.PageSizes(new string[] { "15", "30", "45", "60" }))
    .ClientDetailTemplateId("userProfileTemplate")
    .Sortable()
    .Filterable()
    .Scrollable()
    .Groupable()
    .Events(e => e.DataBound("onRowBound")
    .DetailExpand("expandRow"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(t => t.TeamID))
        .Create(create => create.Action("Team_Create", "Admin"))
        .Read(read => read.Action("Team_Read", "Admin"))
        .Update(update => update.Action("Team_Update", "Admin"))
        .Destroy(update => update.Action("Team_Delete", "Admin"))
    )
    .Events(events => events.Edit("insertPopupCaption"))
    )

---

正如我在上一篇文章中所说的，我们需要呈现HTML和CSS，而不是图像和代码。。。。复制您需要帮助的问题我实际上已经使用上面的开发工具粘贴了呈现html的屏幕截图。您的意思是您需要完整的页面源代码吗？如果您不知道我的意思，请阅读：我已经提供了html。当前没有应用于弹出对话框的css。我知道应用什么css，但不知道如何应用，这就是我的问题所在。我不知道如何重新创建我的解决方案，因为它使用剑道控制。您共享的链接仅说明如何重新创建问题。使用站立的mvc控件会更容易。我不知道如何重现剑道的问题