防止部分覆蓋的div出現在固定div上

我目前有一個固定的div，它充當頁面頂部的搜索欄，然後是容器div中的瓷磚狀div，用於電影海報，當被模糊時改變不透明度。但是，如果這些電影海報的div的一個局部地用搜索欄的div隱藏他們出現在搜索欄的div的頂部像這樣：防止部分覆蓋的div出現在固定div上

enter image description here

是否有辦法防止這種情況，但保持透明度的變化在可見的部分？

.poster 
{ 
    float: left; 
    margin-left: 10px; 
    margin-top: 10px; 
    padding: 2px; 
    cursor: pointer; 

    opacity: 1; 
    transition: opacity .15s ease-in-out; 
    -moz-transition: opacity .15s ease-in-out; 
    -webkit-transition: opacity .15s ease-in-out; 
    -o-transition: opacity .15s ease-in-out; 
} 

.poster:hover 
{ 
    opacity: 0.65; 
}

DIV的灰色條和DIV的輸入框是有這個讓他們從與頁面滾動：

position: fixed;

來源

2012-07-21 Josh

可以使用Z-index屬性來設置一個DIV高於另一個。較高的Z指數數字將顯示在較低的Z指數數字之上。

來源

2012-07-21 05:07:34

工作，謝謝！我覺得答案非常簡單，我感到很沮喪。 -.- – Josh 2012-07-21 05:10:04

你不應該，CSS只是一個奧術知識的大球:) – 2012-07-21 05:18:58

防止部分覆蓋的div出現在固定div上

回答

相關問題