내부 상자 그림자 부

좋은 브라우저에서 일하는 일부 CSS를 인터넷 익스플로러에서 작동하도록 변환하는 데 도움이 필요합니다. 이것은 내가 지금 말내부 상자 그림자 부

.headerLoginFooter 
{ 
    background-color:#f5f5f5; 
    padding:7px 10px 7px 10px; 
    margin:20px 0 0 0; 
    -moz-box-shadow:inset 0 8px 6px -6px #c4c4c4; 
    -webkit-box-shadow:inset 0 8px 6px -6px #c4c4c4; 
    box-shadow:inset 0 8px 6px -6px #c4c4c4; 
}

세 가지 속성이

enter image description here

I처럼 보이는 사업부의 로그인 상자의 바닥 글 구역 내에서 안쪽으로 빛을 생산하고있는 것입니다 이 스타일에 대한 코드를 여기에 얻을 수 있었지만 Internet Explorer와 호환되도록해야합니다. 내 첫 번째 문제는 내가 단지 Mac을 가지고 있으므로 Internet Explorer에서 코드를 쉽게 테스트 할 수 없다는 것입니다. 두 번째 문제는 코드에서와 같이 위의 코드를 변환하는 방법을 알 수 없다는 것입니다. 누군가 내 위의 코드를 링크 내의 지침에 따라 인터넷 익스플로러에서 작동하도록 변환 할 수 있습니까? 고맙습니다.

출처

2013-03-01 gmustudent

입력 내용 중 일부 마크 업이 도움이됩니다. – SeinopSys

IE는 매우이며 많은 CSS3 기능 특히 이전 버전에서는 문제가 있습니다.

CSS 스타일 시트에서 사용하려면 CSSpie을 사용하는 것이 좋습니다. 이것은 이전에 대답했습니다 here.

background-color

배경

그라디언트

둥근 모서리/border-radius
overflow:hidden을 (그들이 같은 요소에 적용하는 경우) : IE에서 작동 박스 그림자를 방지 할 수 있습니다

어떤 것들은

나는 이것을 극복하기 위해 보통 conta를 중첩합니다. 상자 그림자로 스타일을 만들고 싶습니다.

<style> 
.boxShadow { 
behavior: url(PIE.htc); 
-webkit-box-shadow: inset 0 8px 6px -6px #c4c4c4; 
-moz-box-shadow: inset 0 8px 6px -6px #c4c4c4; 
box-shadow: inset 0 8px 6px -6px #c4c4c4; 
overflow:visible; 
} 
.otherStyles{ 
background-color:#f5f5f5; 
border-radius:0px;/*or other value*/ 
/*gradients can be placed here too.*/ 
} 
</style> 
<div class="boxShadow"> 
    <div class="otherStyles"> 
    ...content... 
    </div> 
</div>

출처

2013-03-01 23:02:48

내부 상자 그림자 부

답변

관련 문제