facebook 앱의 css3

Question

facebook 응용 프로그램에서 작동하지 않습니까?

q:before { content: '\00AB'; color: #FF0000; } 
q:after { content: '\00BB'; color: #FF0000; } 

Answer 1

FBML 응용 프로그램을 만드는 경우 CSS는 Facebook의 콘텐츠 렌더링 서버를 통해 필터링됩니다. 그들은 모든 HTML/CSS/JS 요소 앞에 응용 프로그램 ID를 사용하여 생성 된 "네임 스페이스"를 접두사로 붙이기 위해 모든 FBML 페이지 및 참조 된 자원에 대해이 작업을 수행합니다. 이렇게하면 CSS가 기본 Facebook 레이아웃을 엉망으로 만들 수 없습니다.

불행히도, CSS 필터는 일부 CSS를 허용하지 않는 것 같습니다. 예를 들어, -moz-border-radius: 3px과 같은 모든 Firefox 특정 CSS 규칙이 정상적으로 작동하지만 해당 -webkit-border-radius: 3pxdoes not work이 해당되는 것을 발견했습니다. 매우 짜증나.

제 제안은 재 작성된 CSS 파일을 찾고 그 파일로 수행 한 작업을 확인하는 것입니다. FBML 페이지에서 소스을 가져와 CSS 파일을 찾으십시오. 일반적으로 http://external.ak.fbcdn.net/fbml_static_get.php에서 가져오고 실제 소스처럼 보이는 쿼리 문자열을 사용합니다. CSS 파일을 확인해 보면 어떻게 다시 작성되었는지 볼 수 있습니다 ... 나는 전에 content: 규칙을 사용했다고 생각합니다. 그래서 어쩌면 그것은 어떤 식 으로든 소독 될 것입니다.

Answer 2

따옴표 대신 물음표가 표시되면 일반적으로 인코딩 문제가 있음을 의미합니다. 내가 언급 한 16 진수 내용은 '\ 00AB'부분입니다. 이것은 각주로 된 따옴표의 16 진수이며, 그렇지 않으면 & laquo로 알려져 있습니다. 또는 & # 171; ... 그것은 «

이 시도 보여줍니다

q:before { content: 'test'; color: #FF0000; }

는 일반 텍스트 내용이 확인 작동하는지 확인하기 위해 -이 단어 "테스트"를 삽입한다.

나는 약간 놀았고 사용중인 글꼴에 문제가있는 것 같았습니다. 제가 갑자기 시작된 글꼴을 사용하기 시작 했으므로 시도해 볼 수있었습니다. 작동하는 경우 모든 글꼴을 바꿀 필요가 없습니다. q : before 및 q : after