這不適用於Facebook應用程序?css3在Facebook應用程序
q:before { content: '\00AB'; color: #FF0000; }
q:after { content: '\00BB'; color: #FF0000; }
這不適用於Facebook應用程序?css3在Facebook應用程序
q:before { content: '\00AB'; color: #FF0000; }
q:after { content: '\00BB'; color: #FF0000; }
如果你正在構建一個FBML應用程序,那麼是的,你的CSS將通過Facebook的內容呈現服務器進行過濾。他們使用所有的FBML頁面和引用的資源執行此操作,以便爲所有HTML/CSS/JS元素添加一個使用您的應用程序ID創建的「命名空間」。這可以確保您的CSS不會混淆主要的Facebook佈局。
不幸的是,他們的CSS過濾器似乎不允許一些CSS。例如,我發現所有Firefox特定的CSS規則(如-moz-border-radius: 3px
)都可以正常工作,但相應的-webkit-border-radius: 3px
does not work。很煩人。
我的建議是找到重寫的CSS文件,看看他們用它做了什麼。您必須在您的FBML頁面上查看源代碼,查看源代碼並查找CSS文件,它們通常來自http://external.ak.fbcdn.net/fbml_static_get.php
,查詢字符串將看起來像實際的源代碼。看看你的CSS文件,你會看到它是如何被重寫的......我相信我之前使用過content:
規則,所以也許它正在以某種方式進行消毒。
如果它顯示的是問號而不是引號,那通常意味着你有一個編碼問題。我提到的十六進制內容是'\ 00AB'部分。這是一個有角度的引號的十六進制等價物,否則稱爲& laquo;或« ......它顯示了一個«
試試這個:
q:before { content: 'test'; color: #FF0000; }
要驗證正常的文本內容好的工作 - 它應該插入單詞「測試」。
我玩這個有點麻煩,我似乎遇到了我使用的字體有問題,當我切換到arial時突然開始工作,所以你可以試試。如果它工作,你不需要改變字體的一切,只是q:之前和q:之後
不起作用。 – input 2010-04-14 18:51:15
測試內容或字體更改?或者既不? – 2010-04-14 22:34:03
CSS3只在受支持的瀏覽器中正常工作。你用什麼瀏覽器測試? – Armstrongest 2010-04-13 20:05:47
Facebook在運行之前是否解析CSS以確保其無法覆蓋廣告?我知道這聽起來很愚蠢,但回到Myspace時代,他們實際上會清除一些可能隱藏廣告的CSS。 – 2010-04-13 20:16:29
@atomiton,歌劇10.50和火狐3.6.3。該代碼工作得很好,如果測試正常,但不是在Facebook應用程序。 – input 2010-04-13 20:19:29