0

这必须很简单,但我看不出我的错误。

我有一个 div 里面有一个图像。div 的样式为 display:none。div 消失,但图像保持不变。这是笨拙的:

http://plnkr.co/edit/R3i7GZKOiiSvEj3vEuIE?p=preview

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      #loading {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background: white;
        opacity:0.2;
        filter:alpha(opacity=20); /* For IE8 and earlier */
        overflow: hidden;
      }

      .centered {
        position:absolute;
        top: 50%;
        left: 50%;
      }

      .hide {
        display:none;
      }
    </style>
  </head>

  <body>

  <div id="loading hide">
    <img class="centered" src="http://www.woldsvets.co.uk/runnerapeman.gif" width="60px" border="0"/>
  </div>

  </body>

</html>

为什么图像在隐藏元素中时也不会被隐藏?

谢谢!

4

3 回答 3

1

你有错误的 HTML。它应该是:

<div id="loading" class="hide">

在您的 CSS 中,您有#loading和的规则.hide<div id="loading hide">由于空格,您的 HTML有一个无效的 ID。您可能打算拥有我在上面建议的 HTML。链接器示例

于 2013-09-10T14:27:36.390 回答
0

您的.hide类应该是标记中的类,或者是您的 css 中的 ID。

于 2013-09-10T14:27:50.127 回答
0

你有两个身份证。使用类或单个 id

于 2013-09-10T14:28:11.253 回答