html - 显示主页标题图像的新文档对话框

Question

我有一个 SharePoint 团队网站，我在母版页中进行了如下更改:

1. 将顶部菜单链接和搜索框移至页面标题下方
2. 我放置了一张名为 image1 的图片来代替顶部链接，我放置了另一张名为 image2
的图片来代替搜索框
3. 用我自己的 Logo 替换 SharePoint Logo 并增加其大小

我使用 DIV/CSS 完成了所有这些工作。现在我不是设计师，甚至不是设计师。所以我不得不做大量的试验和错误，然后一切看起来都不错，除了我现在面临的这个问题，即当你点击“新文档”链接时，它会打开一个对话框，你可以在其中上传文档，那个窗口是还显示了这些 Logo (我在上面的第 2 点中提到过)

我怎样才能摆脱它？我在想，如果我能以某种方式查明对话框是否打开，那么我可以使用 CSS/Jquery 隐藏这些图像吗？

这是部分代码，可以让您了解我在何处编写了代码。我的 div 被命名为“mydiv”和“mydiv2”，而其余代码是 SharePoint 的默认值:

<div id="WebPartAdderUpdatePanelContainer">
    <asp:UpdatePanel
        ID="WebPartAdderUpdatePanel"
        UpdateMode="Conditional"
        ChildrenAsTriggers="false"
        runat="server">
      <ContentTemplate>
        <WebPartPages:WebPartAdder ID="WebPartAdder" runat="server" />
        </ContentTemplate>
      <Triggers>
        <asp:PostBackTrigger ControlID="WebPartAdder" />
     </Triggers>
    </asp:UpdatePanel>
  </div>
</SharePoint:AjaxDelta>

        </div>
        </div>

        <div id="s4-workspace" class="ms-core-overlay">
<div id="mydiv" style="float:left;border:thin;border-style:none;width:210px;position:absolute; padding-top:20px;padding-bottom:0px;padding-left:200px;z-index:1;">
<img src="/images/image1.jpg" width="65%" height="65%"></div>
<div id="mydiv2" style="border: thin none currentColor; width: 250px; right:600px;position:absolute; padding-top:20px; padding-bottom:10px;float: right;z-index:1;">
<img src="/images/image2.jpg" width="800" height="56">
</div>

        <div id="s4-bodyContainer">

        <div id="s4-titlerow"
            class="ms-dialogHidden s4-titlerowhidetitle">

        <div id="titleAreaBox"
            class="ms-noList ms-table ms-core-tableNoSpace">
        <div id="titleAreaRow"
            class="ms-tableRow">

Answer 1

通过使用 CSS 类 ms-dialogHidden 修复，如此处所述:

https://sharepoint.stackexchange.com/questions/200195/new-document-dialog-showing-master-page-header-images/200197#200197