2010-04-13 105 views
0

這不適用於Facebook應用程序?css3在Facebook應用程序

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

CSS3只在受支持的瀏覽器中正常工作。你用什麼瀏覽器測試? – Armstrongest 2010-04-13 20:05:47

+0

Facebook在運行之前是否解析CSS以確保其無法覆蓋廣告?我知道這聽起來很愚蠢,但回到Myspace時代,他們實際上會清除一些可能隱藏廣告的CSS。 – 2010-04-13 20:16:29

+0

@atomiton,歌劇10.50和火狐3.6.3。該代碼工作得很好,如果測試正常,但不是在Facebook應用程序。 – input 2010-04-13 20:19:29

回答

2

如果你正在構建一個FBML應用程序,那麼是的,你的CSS將通過Facebook的內容呈現服務器進行過濾。他們使用所有的FBML頁面和引用的資源執行此操作,以便爲所有HTML/CSS/JS元素添加一個使用您的應用程序ID創建的「命名空間」。這可以確保您的CSS不會混淆主要的Facebook佈局。

不幸的是,他們的CSS過濾器似乎不允許一些CSS。例如,我發現所有Firefox特定的CSS規則(如-moz-border-radius: 3px)都可以正常工作,但相應的-webkit-border-radius: 3pxdoes not work。很煩人。

我的建議是找到重寫的CSS文件,看看他們用它做了什麼。您必須在您的FBML頁面上查看源代碼,查看源代碼並查找CSS文件,它們通常來自http://external.ak.fbcdn.net/fbml_static_get.php,查詢字符串將看起來像實際的源代碼。看看你的CSS文件,你會看到它是如何被重寫的......我相信我之前使用過content:規則,所以也許它正在以某種方式進行消毒。

0

如果它顯示的是問號而不是引號,那通常意味着你有一個編碼問題。我提到的十六進制內容是'\ 00AB'部分。這是一個有角度的引號的十六進制等價物,否則稱爲& laquo;或« ......它顯示了一個«

試試這個:

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

要驗證正常的文本內容好的工作 - 它應該插入單詞「測試」。

我玩這個有點麻煩,我似乎遇到了我使用的字體有問題,當我切換到arial時突然開始工作,所以你可以試試。如果它工作,你不需要改變字體的一切,只是q:之前和q:之後

+0

不起作用。 – input 2010-04-14 18:51:15

+0

測試內容或字體更改?或者既不? – 2010-04-14 22:34:03