CSS3 在同一页面中成功和失败

Question

我无法在单个页面中弄清楚为什么 CSS3PIE适用于外部页面阴影，但不适用于 IE8 中照片的阴影。在其他浏览器中一切正常。

我正在为外部页面 div 使用 #page 和#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');
}

Answer 1

只需设置td {border-collapse: separate;}我知道，看起来很奇怪，但有效