如何使用另一個CSS樣式，而主要的div是隱藏的

我無法給div一個特定的樣式。讓我更好地解釋一下：我使用2個div來創建一個webapp，第一個是像IOS這樣的彈出通知，另一個只是一個加入頁面的圖片，其中很少有產品更新（因此，當我更新產品時，它會在圖像的角落附近顯示彈出通知）。如何使用另一個CSS樣式，而主要的div是隱藏的

我遇到的問題是我必須使用padding-top: -28px來將彈出式div #popupContact和圖像div .imatges3與其他圖像對齊。當你點擊彈出的div（或圖像）時，它會消失，並且圖像div上移一點，確實停留在相同的位置（因爲div消失並繼續應用填充頂部）。

有什麼辦法給一個不同的CSS值，取決於它是否有另一個div隱藏或不是？（根據主要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; 
}

來源

2013-04-04 Xavi Alsoknownas Sivo

而對於你隱藏在div的HTML下面的CSS /顯示？如果你只*隱藏/顯示div，那麼CSS不太可能幫助提供基於可見性的備用樣式。如果您使用類名來隱藏/顯示，那麼可以使用相鄰兄弟組合器來提供不同的樣式。 – 2013-04-04 11:47:43

我加了我試圖切換顯示的div。隱藏的是PopupContact div，但添加到「imatges3」的Padding修改了當PopupContact隱藏時div的顯示，所以我想知道如何修改css，只有當這個隱藏時（爲了對齊imatges3 div與其他人）。 – 2013-04-04 11:57:42

讓我們嘗試用兩個div的

position:absolute;

來源

2013-04-04 12:07:20 Arunkumar

我只需要應用另一種風格，而其他div是隱藏的。也許Jquery？ – 2013-04-05 07:04:24

如何使用另一個CSS樣式，而主要的div是隱藏的

回答

相關問題