2011-04-06 3 views
0

내 콘텐츠 div의 그림자 상자 테두리가 필요합니다. 현재 저는 이것을 달성하기 위해 다음과 같은 코드를 사용하고 있습니다.HTML : 테두리 이미지를 div에 첨부하는 방법

border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
-webkit-box-shadow: rgba(0, 0, 0, .496094) 0px 1px 10px; 
-moz-box-shadow: rgba(0, 0, 0, .496094) 

하지만 Google 크롬에서만 정상적으로 작동합니다. 다른 브라우저에서는 섀도 상자가 적용되지 않습니다. 그래서 div로 반복하기 위해 테두리 이미지를 사용하는 법을 알아야합니다. 또한 사용되는 이미지의 적절한 크기를 말해주십시오 ... 감사 ...

+1

'.496094'는 불투명도입니까? 진심으로? :) –

답변

1

그 이유는 그것이 Chrome에서만 작동하는 이유는 그것이 값을 부여한 유일한 브라우저이기 때문입니다. 파이어 폭스 규칙의 경우, 당신은 방치 0px 1px 10px
또한 적절히 주문하고 비 벤더 고유의 속성을 포함 시켜서 나중에 증명해야한다. - http://css-tricks.com/ordering-css3-properties/
아무런 이미지없이 IE에서 그림자를 얻으려면 http://css3pie.com을 확인하십시오.

+0

덕분에 많은 사람이 ... – Vivek

관련 문제