IE6陰影問題

Question

演示：http://jsbin.com/esupex/2

我有陰影的框，其製作的新生產線的股利去，如果我刪除的影子，在div追溯到在同一直線上。以下是截圖。

IE6陰影斷開線錯誤 - full image：

IE6沒有影子（這只是表明它是什麼樣子沒影后，但我們確實需要陰影） - full image：

最終佈局應該看起來像這樣。這個截圖是從Firefox - full image：

以下是行導致了問題，我不知道如何解決這個問題：

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#eeeeee'); 

Answer 1

添加陰性切緣的框被渲染得太低，如果你必須在IE陰影。

http://jsbin.com/esupex/36

我加修改爲：

#playerNavBox { 
    height:36px; 
    margin-right: 260px; 
    *margin-top: -43px; 
} 

Answer 2

你有固定或流動佈局工作？問題是最正確的div不能把自己放在左邊的旁邊。給左邊的一個左邊的浮動和一個固定的寬度（以px或％爲單位），並且都應該沒問題。

如果你的佈局流體：注意邊界，陰影，margin和padding在PX如果你給一個元素一個不％發揮出色，不應該永遠是在同一元素

此外，在IE6浮動並在同一邊填充或邊距，它將是您指定的邊距/填充的兩倍。這裏描述的一樣：

http://davidwalsh.name/prevent-double-margin-padding-ie6-css-float

對於IE6，你可以使用一個邊框，而不是陰影來獲得或多或少相同的外觀。

Answer 3

減少邊距和定義寬度可以解決問題。

老CSS：

#playerNavBox { 
     height:36px; 
     margin-right: 260px; 
     background-color:#fff; 
    } 

新的CSS：

#playerNavBox { 
    height:36px; 
    margin-right: 260px; 
    background-color:#fff; 
    /* ie6 shadow fix */ 
    *width:81%; 
    *margin-right: 250px; 
}