2012-04-15 110 views
0

如何在firstClass之前強制使用secondClass,即使first class具有相同的頂級值? 如果可能的話用jquery或者只是用css hack。 firstClass的值可能與本例中的值不同,但secondClass的值是固定的。div位於頁面頂部,位於其他頂級div之前

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

和CSS

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

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

在線演示http://jsfiddle.net/AQUgk/

謝謝。

+0

你不能有第一個剛剛從30px開始,並留下上面的空間來留言,如「這是警告」。 – Dhiraj 2012-04-15 13:16:03

+0

對不起,但實際使用的是解析頁面,我們應該通知該頁面不是我們的。這就是爲什麼我不真正的CSS。謝謝! – 2012-04-15 13:19:22

回答

0

要只是CSS移動它在屏幕上:

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

如果移動的DOM元素就是找你後:

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

FIDDLE

+0

謝謝,但即使firstclass undefined,如何強制secondClass在底部! – 2012-04-15 13:23:10

+0

首先,您想在firstClass之前擁有secondClass,現在您希望在底部有secondClass。在什麼,屏幕,元素或未定義元素的底部? – adeneo 2012-04-15 13:24:56

+0

在頁面的底部。 – 2012-04-15 13:28:34