繼續轉換其他元素之上的元素

Question

我正在學習使用CSS3 3D轉換，但是我無法保留正在轉換所有其他元素之上的元素。

這是我到目前爲止有：http://bos.rggwebdesigns.com/

正如你可以看到，該網站遵循三個.row的div的層次標準的z-index的規則，這意味着在第一行卡的背後第二排卡等等。

我試着在轉換腳本中添加行（在main.js中），它選擇點擊.card元素上方的.row元素，並將其z-index設置爲1000，但這似乎不起作用。

$(document).ready(function() { 
    $('.card').click(function() { 
     $('.row').removeClass('top'); 
     $('.card').not(this).removeClass('flipped'); 
     $(this).parents().eq(2).toggleClass('top'); 
     $(this).toggleClass('flipped'); 
    }) 
}); 

重申，我試圖確保轉換元素的所有部分始終顯示在每個其他元素之上。

Answer 1

根據我所看到的z-index需要是相對的。所以，如果你設置position : relative;類「行」，應該解決你的問題。

編輯： 我正在審查您的代碼。您還需要更改.row.top在css到.top