即使有背景，如何使用可见属性隐藏 div答案

【问题标题】：How can I hide a div using visible property even it has a background即使有背景，如何使用可见属性隐藏 div
【发布时间】：2011-01-18 14:25:52
【问题描述】：

我有以下 div：

<div visible="false" 
     style="background-image:url('../Contents/Images/item-background-selected.png'); width:113px; height:58px; background-repeat: no-repeat; position: absolute;"  />
<div>

尽管visible 属性设置为false，它仍然可见。但是当我从样式中删除 background-image 时，它被隐藏了。

如何在保留背景的情况下隐藏它？

提前致谢。

【问题讨论】：

标签： asp.net html visible

【解决方案1】：

 visible="false"

是一个服务器控件属性，除非 div 有

 runat="server"

设置，它将被忽略，因为浏览器/客户端不知道如何处理。

改用 CSS：

.myDivClass {

  display:none; /** or: visibility:hidden;  which is slightly different **/

  background-image:url('../Contents/Images/item-background-selected.png');
  width:113px; 
  height:58px; 
  background-repeat: 
  no-repeat; 
  position: absolute
}

【讨论】：

【解决方案2】：

试一试：

<div 
     style="background-image:url('../Contents/Images/item-background-selected.png'); width:113px; height:58px; background-repeat: no-repeat; position: absolute; display:none"  />
<div>

注意“显示：无”

要使其再次可见，您必须从 div 中删除 display:none。

【讨论】：

我想我不能，因为我想将可见属性与服务器端属性绑定，我想我不能用样式做到这一点，对吧？
好的，让我知道它是怎么回事，因为面板实际上是一个用户控件，因此在其上绑定属性会比使用 HTML div 更容易
谢谢，我必须加runat="server"，因为我要绑定它。现在效果很好。 +1 寻求帮助。

【解决方案3】：

如果你想在 jQuery 中实现这一点，请使用 show 和 hide：

https://api.jquery.com/hide/

例子：

$(document).ready(function() {
    $('report').hide(); // no milliseconds provided means it hides immediately
});

function databound(e) {
    var data = e.sender.dataSource;
    if (0 < data.total()) {
        $('report').show(2000); // 2 seconds to open fully
    }
}

边走边学，分享我的发现。

【讨论】：