2011-09-02 3 views
1

는 내가 outputStylesheet 태그에 문제졌다 너희 :JSF 출력 스타일 시트가 파이어 폭스에서 작동하지 않습니까?

<h:head> 
     <title><ui:insert name="title" /></title> 
      <h:outputStylesheet library="css" name="style.css" /> 
    </h:head> 

내가이 문제를 해결하려면 어떻게해야합니까 파이어 폭스

에 모든 크롬하지만 나던 작품에서 완벽하게 작동? 내 응용 프로그램은 괜찮아 보이지만, 단지 크롬에서.

FF에서는 inspect 요소 옵션이 CSS 파일의 모든 옵션을 표시하지만 브라우저는 전혀 표시하지 않습니다.

+0

1) FF로 정확히 무엇이 실패합니까? 생성 된 HTML 출력은 무엇입니까? CSS에 대한 응답 상태 및 본문에 대해 방화범은 무엇을 말합니까? "요소 검사"는 스타일에 대해 무엇을 말합니까? 2) 궁금해서 전체 스택 트레이스를 게시 할 수 있습니까? JSF impl/version과 server impl/version은 무엇입니까? 이전 버전에서는 이와 관련된 상태 저장 문제를 상기합니다. – BalusC

+0

@BalusC 1) FF에서 실패한 점은 Chrome이나 IE 2에서와 마찬가지로 CSS가 작동하지 않는다는 것입니다. 2) 문제가 해결되었으므로 빌드를 허용하지 않는 관련이없는 오류가있는 것 같습니다 (outputstylesheet가 올바르게되었습니다. 머리 태그에 배치). 나는 JSF 2.0을 사용한다. web.xml은 버전 3.0이다. (미안하지만, 자주 혼란 스럽다.) – sfrj

+0

OK, CSS 문제 일 뿐이다. CSS 파일이로드 되었습니까? (방화 녀는 적절한 신체 내용을 가진 응답 상태 200을 주어야한다). PrimeFaces와 같은 타사 구성 요소 라이브러리를 사용하고 있습니까? 그것은 당신의 스타일을 재정의했을 것입니다. "Inspect Element는 오버라이드 된 스타일에 대해 무엇을 말합니까? Firefox에서 페이지를 열고 관심있는 HTML 요소를 오른쪽 클릭하고 Firebug 상자의 오른쪽에있는 * Inspect Element *를 선택하면 CSS 속성이 선언되고 재정의 된 것을 볼 수 있습니다 .2)에 관해서는 JSF impl/version에서는 Mojarra 2.1.2 및 Glassfish 3.1.1과 같은 서버 impl/version과 같은 의미입니다. – BalusC

답변

1

하나 이상의 CSS 속성이 다른 스타일 시트에 의해 무시되었을 때 발생할 수 있습니다. Firebug를 사용하면 범인을 못 박는 데 도움이됩니다. Firefox에서 페이지를 열고 관심있는 HTML DOM 요소를 마우스 오른쪽 버튼으로 클릭하고 요소 검사을 선택하십시오. Firebug는 왼쪽 상자에 HTML DOM 트리가 있고 오른쪽에 모든 CSS 속성 목록이있는 아래쪽 상자에 표시되어야합니다. 속성이 삼진 되었다면 CSS 속성을 재정의 한 다른 CSS 속성이 있음을 의미합니다. 같은 목록에서 책임 소재지와 그 위치를 찾을 수 있어야합니다.

관련 문제