css3 in facebook app

Question

this doesn't work in a facebook application?

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

Answer 1

If you are building an FBML application, then yes, your CSS will be filtered through Facebook's content rendering servers. They do this with all FBML pages and referenced resources in order to prefix all your HTML/CSS/JS elements with a "namespace" created using your application id. This ensures that your CSS can't mess with the primary Facebook layouts.

Unfortunately, their CSS filters seem to disallow some CSS. For example, I have found that all the Firefox specific CSS rules such as -moz-border-radius: 3px work fine, but the corresponding -webkit-border-radius: 3px does not work. Very annoying.

My suggestion is to find the rewritten CSS file and see what they've done with it. You'll have to view source on your FBML page and look for the CSS files, they generally come from http://external.ak.fbcdn.net/fbml_static_get.php, with a query string that will look like the actual source. Check out your CSS file and you'll see how it's been re-written... I believe I've used the content: rule before, so perhaps it's being sanitized in some way.

Answer 2

j'ai un problème quand je joue à café world il me marque : des erreurs sur cette page web risquent de provoquer un mauvais fonctionnement a101539264719_window'est indéfini fbml_static_get.php ligne 9 code: o carractère : 123 url : htt;//external.ak.fbcd.net/fbml_static_get.php?src=http%3A%2F%2Fwww.googleadservices.co... QUE DOIS JE FAIRE POUR QUE SA MARCHE CORRECTEMENT