2012-05-24 4 views
2

저는 주로 CSS를 사용하는 회사 사이트에서 작업하고 있습니다. 둥근 모서리, 그림자 등을 만드는 많은 작은 이미지를 제거하고 싶습니다. CSS3는 완벽한 선택이지만 여전히 많은 사용자들이 IE7과 IE8을 사용하므로이 사이트도 준비해야합니다.CSS3PIE 액세스가 거부되었습니다.

CSS3PIE에 대한 좋은 의견을 많이 찾았습니다. 다운로드하여 사용하려고했지만 IE8이 협조하고 싶지 않습니다 :). 그것은 말합니다 : 액세스가 거부되었습니다 : PIE.htc 줄 : 0 문자 : 0 코드 : 0. 나는 하나의 폴더와 differents 폴더에 파일을 넣으려고 서버와 로컬에서 이것을 확인 ... 나는 항상 같은 정보를 가지고 .

HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns:og="http://opengraphprotocol.org/schema/"> 
<head> 
<title>title</title> 
<link rel="stylesheet" rev="template" type="text/css" href="styles.css"> 
</head> 

<body id="home" class="cols_One"> 
<div id="wrapper" class="fauxBlock"> 
     <div id="header"> 
     <div id="cap"> 
     <div id="welcome"></div> 
     <div id="quicklinks">abc</div> 
     </div> 
     </div> 
    </div> 
</body> 
</html> 

CSS :

#cap { 
padding: 0 6px; 
font-size: 12px; 
border-left: 1px solid #EEE; 
border-right: 1px solid #EEE; 
margin-bottom: 2px; 
text-align: right; 
line-height: 25px; 
background: #fcfcfc; /*non-CSS3 browsers will use this*/ 
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4) to(#fcfcfc)); /*old webkit*/ 
background: -webkit-linear-gradient(left top, left bottom, #f4f4f4, #fcfcfc); /*new webkit*/ 
background: -moz-linear-gradient(#f4f4f4, #fcfcfc); /*gecko*/ 
background: -ms-linear-gradient(#f4f4f4, #fcfcfc); /*IE10 preview*/ 
background: -o-linear-gradient(#f4f4f4, #fcfcfc); /*opera 11.10+*/ 
background: linear-gradient(#f4f4f4, #fcfcfc); /*future CSS3 browsers*/ 
-pie-background: ulinear-gradient(#f4f4f4, #fcfcfc); /*PIE*/ 
-moz-box-shadow: 0 2px 2px #d8d8d8; 
-webkit-box-shadow: 0 2px 2px #d8d8d8; 
box-shadow: 0 2px 2px #d8d8d8; 
behavior:url(PIE.htc); 

} 

편집 : 내가 추가 한 코드 샘플

+1

PIE CSS를 구현하는 방법에 대한 구체적인 내용이 필요하다고 생각합니다. 이전에는 아무런 문제가 없었습니다. –

+0

webiste의 구조는 무엇입니까? 어떤 기술을 사용하여 만들고 있습니까? –

+0

모든 것이 있습니다. 왜냐하면 그것은 주요 사이트에서 작동하지 않기 때문에 나는 무슨 일이 일어나고 있는지 테스트하기 위해 간단한 예제를 만들었지 만 ... 그런 간단한 구조 (3 개의 파일이 모두 같은 디렉토리에 있음)에서도 IE에 여전히 문제가 있습니다. 내 IE 설정을 확인하고 동작이 허용됩니다 ... – Kania

답변

0

css3pie 오히려 웹 서버보다는 로컬 파일로 실행중인 경우,

behavior:url(C:/foo/PIE.htc); 
와 같이 behavior: 속성에서 전체 경로를 제공해야합니다.
1

PIE.htc의 줄 끝을 Unix (Windows가 아님)로 변경하여이 문제를 해결했습니다. Windows7 + IE7 및 IE8에서 테스트되었습니다.

희망이 당신을 도울 수 있습니다!

0

PIE.htc 파일을 루트 파일이나 (ex: html file) 옆에 배치 해 보았습니다. 그리고 css에서이 파일은 정확히 같은 속성을 사용했습니다. yourClass{behavior: url(PIE.htc);}. 실제로 htc 파일을 css 파일이 아닌 html 페이지와 연결하십시오. 그리고 그것은 나를 위해 일했습니다. :)

관련 문제