CSS3가 성공하고 같은 페이지에서 실패합니다

하나의 페이지에서 외부 페이지 그림자에서 CSS3PIE이 작동하지만 IE8에서 사진의 그림자에서는 작동하지 않는 이유를 알아낼 수 없습니다. 모든 브라우저에서 잘 작동합니다.CSS3가 성공하고 같은 페이지에서 실패합니다

외부 페이지 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'); 
}

출처

2012-02-23 newcoder

선택자를 줄여보십시오. 이 모든 것이 필요합니까? #facilities_maintable tr> td.column2 img' ->'.column2 img' – elclanrs

Safari는 버전 5.1으로, Chrome은 버전 10.0으로, iOS는 속성 webkit-box-shadow를 지원합니다.

버전 4.0의 Firefox는 property-moz-box-shadow를 지원합니다.

Internet Explorer에서 속성 상자 - shadow.But 당신이 필터의 비표준 속성을 사용할 수 있습니다 지원하지 않는 버전 9.0까지 :

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가 성공하고 같은 페이지에서 실패합니다

답변

관련 문제