Question

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

我有一个带有图像的div。 div具有样式显示：无。 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>

为什么在隐藏元素内部时图像也不会隐藏？

谢谢！

Answer 1

你的HTML错误。它应该是：

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

在您的CSS中，您有#loading和.hide的规则。您的HTML <div id="loading hide">的ID因空间而无效。您可能打算使用我上面建议的HTML。 plinkr example

Answer 2

您的.hide课程应该是标记中的一个类，或者是您的CSS中的ID。

Answer 3

你有两个ID。使用类或单个id

内部隐藏div时显示图像

3 个答案: