Question

我在我的css中使用display:none并且它在Windows浏览器中工作正常但在mac os中它显示我所显示的所有内容都显示为无。请提出一些解决方案。

示例代码：

 <div>
     <asp:Button ID="btnFind" runat="server" Width="110px" Text="Find" Font-Names="Candara"
                Height="25px" CssClass="clrBtn" OnClick="btnFind_Click" />
      <div id="DivFind" runat="server" class="white_content" style="left: 12%; top: 22%">
            <asp:Label ID="findLight" runat="server" Text="Find" CssClass="subheading" Font-Names="Candara">
            </asp:Label>

        </div>
        <div id="findFade" class="black_overlay" runat="server">
            <asp:ImageButton ID="imgeditclose" AlternateText="close" runat="server"
                align="right" CssClass="imgMultiListingsfadeCSS" />
        </div>
    </div>

CSS：

   .white_content
{
    display: none;
    position: fixed;
    top: 30%;
    left: 22%;
    width: 70%;
    padding: 30px;
    border: 0px solid #a6c25c;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    border-radius: 5px;
    height:300px;
}
.black_overlay
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

C＃：

 protected void btnFind_Click(object sender, EventArgs e)
    {
        DivFind.Style.Add("display", "block");
        findFade.Style.Add("display", "block");

    }

这里我添加两个div来创建灯箱效果，并在按钮点击后面的代码中显示。它在我的Windows操作系统中运行良好。

感谢。

Answer 1

根据当前的信息，它有点难以调试。但是，您可以在浏览器中打开开发人员工具（Chrome⌘⌥i），看看发生了什么。它可能是压倒其他东西的东西。

显示无CSS无法在Mac OS中运行

1 个答案: