css - 如何在主 div 处于隐藏状态时使用另一个 CSS 样式

Question

我无法为 div 指定特定样式。让我更好地解释一下:我正在为一个 web 应用程序使用 2 个 div，第一个是像 IOS 那样的弹出通知，另一个只是一个图像来加入很少有产品更新的页面(所以每个 -当我更新产品时，它会在图像一 Angular 附近显示一个弹出通知)。

我遇到的问题是我必须使用 padding-top: -28px 来对齐弹出 div #popupContact 和图像 div 。 imatges3 与其他图像。当您单击弹出 div(或图像中的)时，它消失了，图像 div 向上移动了一点，确实停留在同一位置(因为 div 消失并继续应用 padding-top)。

有什么方法可以根据它是否隐藏了另一个 div 来为一个 div 赋予不同的 CSS 值？ (根据主div是否消失，再给一个值)

谢谢。

示例:

<div class="imatges3" id="pop"><div id="popupContact"><span class="boton">3</span></div>        
    <a href="actualizacion.html">  
       <img src="actprod.png" alt="Product Updates" border="0">
    </a>    
</div>

和 CSS

.imatges3 {
    float: left;
    width: 100px;
    margin-left: 4px;
    margin-right: 2px;
    margin-top: -28px;
}

#popupContact{
   display:none;
   height:20px;
   width:20px;
   z-index:200;
   font-size:13px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8px;
   color: #ffffff;
   padding: 0px 0px;

   position: relative;
   top:30px;
   left:75px;   
}

Answer 1

让我们尝试为两个 div 使用以下 css

position:absolute;