第二個圖像不可見

-2

嘿，我有一個小問題，我無法解決它。第二個圖像不可見

這裏是CSS：

.error { 
    float: left; 
    color: #F00; 
    visibility: hidden; 
    display: inline; 
} 
.validieren:required:invalid + .error { 
    visibility: visible; 
} 

.right { 
    float: left; 
    color: #0F0; 
    visibility: hidden; 
    display: inline; 
} 

.validieren:required:valid + .right { 
    visibility: visible; 
}

這裏是HTML代碼：

<img src="haken.gif" class="right"> <img src="kreuz.gif" class="error">

的問題是，第二（在這種情況下誤差）圖像不會出現。

感謝您的幫助。

對不起，我是德國人。

來源

2011-09-14 Rafael Marques

這是迄今爲止我見過的最奇怪的問題......你明確地告訴圖像通過應用錯誤類來隱藏。 –

其餘的代碼並不重要。如果你不瞭解Code，你爲什麼評論它？是的，我告訴圖像被隱藏，但如果_validieren_類的元素是無效的，它應該出現 –

很明顯，它與你的圖像相關的確實很重要.validieren是... – clem

試試這個：

.validieren:required:invalid ~ .error { 
    visibility: visible; 
}

你既有.validieren + .error和.validieren + .right。

.validieren不能通過既.error和.right緊跟（adjacent sibling selector）。

更改爲general sibling selector應使其工作。我假設.validieren元素之前（和共享相同的父母）兩個圖像。

來源

2011-09-14 13:20:07 thirtydot

謝謝你工作:) –

您有visibility: hidden設置爲error類，它被分配給第二個圖像。你期待什麼行爲？

來源

2011-09-14 13:12:58 jmar777

問題是，您的error類包含強制您的圖像（或元素）不顯示的屬性（特別是visibility: hidden）。

來源

2011-09-14 13:16:00 FreeSnow

第二個圖像不可見

回答

相關問題