2011-08-24 10 views
3

그래서이 코드는 firefox에서는 작동하지만 크롬에서는 작동하지 않습니다. 내가하고있는 모든 작업은 텍스트의 스타일을 지정하는 것입니다. 크롬에서 작동하지 않는 이유를 모르겠습니다. 파이어 폭스 친절 반환하는 동안Google 크롬 - CSS 텍스트 변환이 작동하지 않습니다.

#hidden { 
    color: #999; 
    text-decoration: none; 
    text-transform: uppercase; 
} 

및 HTML

<p id="hidden">**hidden**</p> 

크롬은 변경되지 않은 버전 (a black, not uppercased **hidden**)

을 반환 회색 **HIDDEN**

그래서 어떤 수정이 거기에있다? 나는 일종의 너무 단순한 크롬을 지원하지 않는다는 것에 충격을 받았다.

+6

나를 위해 잘 작동합니다. http://jsfiddle.net/apRMU/ 질문에 제공되지 않는 다른 것이 있어야합니다. 미스터. 실망은 요소를 검사 해보고 각 스타일이 어디에서오고 어떤 것이 덮어 쓰여지는지 알려줄 것입니다. –

답변

5

나는 이것을 추측하고 있지만 Chrome이 마크 업에서 오류를 처리하는 방식 일 수 있습니다. 내 경험에 비추어 볼 때, Chrome은 잘못된 CSS 아래에있는 CSS를 무시하는 경향이있어 가장 큰 원인은 CSS 또는 HTML에 오류가 있다는 것입니다.

정말로 빠르고 좋은 체크는 업데이트하지 않는 요소를 display: none;으로 설정하고 사라지는 지 확인하는 것입니다. 계속 표시되는 경우 문제는 다른 요소에 있습니다. 또한 마크 업 확인을위한 멋진 자동 도구를 찾고있는 경우 W3C HTML ValidatorCSS Validator을 사용할 수 있습니다.

관련 문제