CSS3成功並失敗，在同一頁

我無法弄清楚，在一個頁面中，爲什麼CSS3PIE工作在外部的網頁陰影，但不能在IE8中的照片陰影工作。在其他瀏覽器中一切正常。CSS3成功並失敗，在同一頁

我使用#page作爲外部頁面div， #facilities_maintable tr>td.column2 img作爲頁面內容中的照片。

#page 
{ 
    position:relative; 
    width: 1024px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top:0px; 
    background-image: url('../../content/img/bg4.jpg'); 
    background-repeat: no-repeat; 
    background-color: #efebe0; 

    -webkit-box-shadow: #222 0px 0px 8px; 
    -moz-box-shadow: #222 0px 0px 8px; 
    box-shadow: #222 0px 0px 8px; 

    behavior: url('../../Content/PIE.htc'); 
} 

#facilities_maintable tr>td.column2 img 
{ 
    margin:5px 15px 5px 15px; 
    border:1px solid #666; 
    -webkit-box-shadow: #777 3px 3px 5px; 
    -moz-box-shadow: #777 3px 3px 5px; 
    box-shadow: #777 3px 3px 5px; 
    behavior: url('../../Content/PIE.htc'); 
}

來源

2012-02-23 newcoder

嘗試減少您的選擇器。你需要所有這些'#facilities_maintable tr> td.column2 img' - >'.column2 img' – elclanrs 2012-02-23 06:26:51

Safari 5.1版本，Chrome 10.0版本和iOS支持property-webkit-box-shadow。

Firefox 4.0版本支持property-moz-box-shadow。

的Internet Explorer高達9.0版本不支持屬性框，shadow.But您可以使用過濾器的非標準特性：

filter: progid: DXImageTransform.Microsoft.dropshadow (offX = 5, offY = 5, color = # 000000);

來源

2012-02-23 08:38:54 Danis

剛剛成立td {border-collapse: separate;} 我知道，看起來很奇怪，但作品

來源

2012-10-17 01:33:53 Kos

CSS3成功並失敗，在同一頁

回答

相關問題