2012-01-06 39 views
0

我試圖最小化和緩存我們的服務器上的所有CSS文件。我有一個腳本運行得很好,但只能在本地運行,我們的CSS文件託管在CDN上。這是一個動態生成CSS文件和鏈接,它看起來像這樣:如何使用跨域動態生成的CSS

http://mysite.com/style/apiconnect,ui,ui_typography,ui_lists,ui_forms,ui_datatables,help,tutorials,achievementUnlocked,styles,content,calendar_select,common,content_print

每個項目是獲取在最小化背後的PHP腳本加載,緩存爲適當不同的css文件。這一切都很好,但我們的主站點無法使用它。 <link href="http://mysite/link" />不起作用,因爲它根本不加載。

我已經設置頭類型爲:

header("Content-Type: text/css; charset: UTF-8"); 
header('Access-Control-Allow-Origin: *'); 

並沒有什麼主要的網站將不會加載它。任何想法如何解決這個問題?

回答

3

你應該使用:

<link rel="stylesheet" href="http://url" type="text/css" /> 

包括樣式表。

<link rel="http://url">是包含樣式的無效方法。另請參閱:MDN: <link>

+0

哎呦,我是那麼意外..那也行不通。讓我編輯它。 – Peter 2012-01-06 12:01:49

+0

檢查您的請求。該文件是否使用MIME類型「text/css」正確提供服務?文件是否存在? CSS真的有效嗎? **編輯:您的問題代碼已更新。但是你還沒有包含'rel'和'type'屬性**。 – 2012-01-06 12:03:49