Div am Anfang der Seite vor anderen oberen divs

Wie erzwinge secondClass vor firstClass, auch wenn die erste Klasse hat den gleichen oberen Wert? Wenn möglich mit jquery oder nur css hack. Der Wert von firstClass könnte anders sein als in diesem Beispiel, aber der Wert von secondClass ist fest.Div am Anfang der Seite vor anderen oberen divs

<html> 
    <body> 
     <div class="firstClass">Hello</div> 
     <div class="secondClass">This is Warning!</div> 
    </body> 
</html>

und css

.firstClass { 
    position: fixed; 
    top: 0px; 
} 

.secondClass { 
    position: fixed; 
    top: -25px; 
}

Online-Demo http://jsfiddle.net/AQUgk/

Danke.

Quelle

2012-04-15 alex volkow

können Sie nicht haben der erste beginnt einfach mit sagen 30px und belasse den obigen Platz für Nachrichten wie 'This is warning'. – Dhiraj

Es tut mir leid, aber die tatsächliche Verwendung ist geparste Seite, wo wir informieren sollten, dass diese Seite nicht uns gehört. Deshalb habe ich nicht das eigentliche CSS. Vielen Dank! –

So verschieben sie nur auf dem Bildschirm mit CSS:

$(".firstClass").css('top', $(".secondClass").height()); 
$(".secondClass").css('top', 0);

Wenn in der DOM-Elemente zu bewegen ist, was you'r nach:

$(".firstClass").before($(".secondClass"));

FIDDLE

Quelle

2012-04-15 13:19:41 adeneo

Danke, aber wie man secondClass an der Unterseite erzwingt, selbst wenn die erste Klasse undefined ist! –

Zuerst möchten Sie secondClass vor firstClass haben, jetzt möchten Sie secondClass am unteren Rand haben. Am unteren Rand dessen, der Bildschirm, das Element oder unter einem Element, das nicht definiert ist? – adeneo

Am Ende der Seite. –

Div am Anfang der Seite vor anderen oberen divs

Antwort

Verwandte Themen