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成功并失败，在同一页

回答

相关问题