Blazor css如何显示无法重新连接到服务器。重新加载页面以恢复功能标题

时间:2020-04-25 08:23:22

标签: css blazor blazor-server-side

我在Blazor服务器端项目中实现了Bootstrap模板,但没有链接标准Microsoft模板的CSS样式。

我想念的是显示/隐藏上标头的类,它们带有“尝试重新连接到服务器...”,然后显示“无法重新连接到服务器。重新加载页面以恢复功能”,当我重新编译时出现项目(我使用Ctrl-F5方法具有非常相似的编辑和继续模式)

请注意,我的背景是白色的,透明度为0.8,但不是我的bootstrap模板的标题,所以我想有些东西带有z-index,否则会隐藏Blazor Reload横幅

您能指出我必须从标准CSS维护/添加的内容吗? (我已经添加了#blazor-error-ui和#blazor-error-ui .dismiss类,但这些类用于出现异常的较低页脚)

谢谢

1 个答案:

答案 0 :(得分:0)

将此添加到我的custom.css中;内联样式添加了z-index:1000,可能还不够

#components-reconnect-modal
{
    z-index: 10000 !important;
}