2010-07-27 4 views

답변

2

, 당신은이를 사용할 수 있습니다 :

.box-shadow { 
    -moz-box-shadow: 2px 2px 3px #969696; /* FF 3.5+ */ 
    -webkit-box-shadow: 2px 2px 3px #969696; /* Webkit = Safari + Chrome */ 
    -khtml-box-shadow: 2px 2px 3px #969696; /* Konqueror */ 
    box-shadow: 2px 2px 3px #969696; /* Opera */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); /* IE */ 
} 

그것은 상자 - 그림자 CSS3 속성 적절한를 사용하고 MSIE 위해 필터를 사용합니다. 사용자가 브라우저를 업데이트했거나 IE를 사용했다고 믿을 수 있다면 안전해야합니다.

코드가 완전히 내 머리가 아니기 때문에 참고 용으로 http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/을 사용했습니다.

+0

오페라 개발자 포털에서이 주제에 대한 또 다른 멋진 기사를 보았습니다 : http://dev.opera.com/articles/view/cross-browser-box-shadows/ –

+0

이것은 모두 훌륭한 것입니다. 도움을 많이 주셔서 감사합니다! – Tom

1

그림자가 부분적으로 투명하고 .gif를 사용할 수없는 경우 실제로 갈 수있는 유일한 방법입니다. 첫째로, 나는 의무적으로 %^& * IE 6을 말해야 만합니다. 둘째로, 나는 http://jquery.andreaseberhard.de/pngFix/과 함께 큰 행운을 보았습니다. 그러나 나는 약간의 jquery를 사랑합니다. 그래서 이것을 단지 개인적인 견해로 생각하고 만약 당신이 이미 jquery를 사용하지 않았다면 최고가 아닐 수도 있습니다 너를 위해서. 당신은 반드시 검증하기 위해 CSS를 필요로하지 않는 경우

관련 문제