Question

您好我正在尝试将图片隐藏起来，但仅限于一页。图像是我母版页的一部分。所以当我在那个页面上时，我想我可以使用image id将它设置为false，但是当我在课堂上时，我无法看到id。它就像它不存在。我正在用VB做一个Asp.net项目。

这里是我的横幅的Html代码：

 <img alt="" src="pharmacy-banner.jpg" 
                            style="width: 80%; height: 175px; margin-left: 0px" align="middle" 
                            id="Picture" />

我目前在Vb.net中没有任何代码我尝试过：

Picture.Visible= False

THX

Answer 1

您需要添加runat="server"：

<img alt=""  runat="server"
   src="pharmacy-banner.jpg" 
   style="width: 80%; height: 175px; margin-left: 0px" align="middle" 
   id="Picture" />

然后您就可以在后面的代码中访问它，将其设置为隐藏在您想要的页面中。

Answer 2

在特定页面上，在容器上添加一个特定的类来保存图像，在我们可以添加的样式中显示：none;或可见性：隐藏;

Answer 3

您只能在内容页面中添加以下CSS：

#Picture {
     display: none;
}

母版页中的标记内必须有ContentPlaceholder。

 <asp:ContentPlaceHolder ID="Head" runat="server">
 </asp:ContentPlaceHolder>

然后，在内容页面中引用此占位符并添加CSS样式：

<asp:Content ID="Content_Head" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
          #Picture {
            display: none;
          }
    </style>
</asp:Content>

如何在一页中放置图像不可见

3 个答案: