CSS3 преуспевает и терпит неудачу в той же самой странице - PullRequest
Новая
       28

CSS3 преуспевает и терпит неудачу в той же самой странице

0 голосов
/ 23 февраля 2012

На одной странице я не могу понять, почему CSS3PIE работает на тени внешней страницы, но не работает на тени фотографий в IE8.Все отлично работает в других браузерах.

Я использую #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');
}

Ответы [ 2 ]

3 голосов
/ 17 октября 2012

просто установить td {border-collapse: separate;} я знаю, выглядит странно, но работает

0 голосов
/ 23 февраля 2012

Safari до версии 5.1, Chrome до версии 10.0 и iOS поддерживают свойство-webkit-box-shadow.

Firefox до версии 4.0 поддерживает свойство-moz-box-shadow.

ИнтернетExplorer до версии 9.0 не поддерживает свойство box-shadow. Но вы можете использовать нестандартное свойство фильтра: 

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