css - メイン div が非表示のときに別の CSS スタイルを使用する方法

Question

div に特定のスタイルを与えるのに問題があります。もう少し詳しく説明させてください: 私は webapp に 2 つの div を使用しています。製品を更新すると、画像の隅にポップアップ通知が表示されます)。

私が抱えている問題はpadding-top: -28px、ポップアップ div#popupContactと画像 div.imatges3を他の画像と整列させるために使用しなければならなかったことです。ポップアップ div (または画像内) をクリックすると、それが消え、画像 div が少し上に移動し、実際には同じ場所にとどまります (div が消えてパディングトップを適用し続けるため)。

別の 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;