我想從靜態無Cookie域提供我的CSS和圖像。現在我的問題是如何指向我的CSS文件中的圖像。從靜態域提供CSS
我不想我的域名的CSS文件中硬編程,例如:
我寧願有一個變量指向的形象,所以它適用於每一個靜態域我用。
達到此目的的最佳方法是什麼?我應該運行整個css文件低谷php並添加靜態域在所有的png引用。不利的一面是我必須將整個CSS放在HTML中。
還是有另一種更優化的方式來做到這一點。
我想從靜態無Cookie域提供我的CSS和圖像。現在我的問題是如何指向我的CSS文件中的圖像。從靜態域提供CSS
我不想我的域名的CSS文件中硬編程,例如:
我寧願有一個變量指向的形象,所以它適用於每一個靜態域我用。
達到此目的的最佳方法是什麼?我應該運行整個css文件低谷php並添加靜態域在所有的png引用。不利的一面是我必須將整個CSS放在HTML中。
還是有另一種更優化的方式來做到這一點。
當您從靜態域中拉出CSS時,CSS中的相對URL將指向相同的域。所以你可以使用相對路徑,並提供來自該域的css和圖像。
只要圖像來自樣式表中相同的服務器,使用相對URI就足夠了。
從CSS Spec:
爲了創建模塊化風格 表不依賴於資源的 絕對位置, 作者可以使用相對URI。 相對URI(如 [RFC3986]中定義)使用基本URI解析爲完整URI 。 RFC 3986,第5節, 定義了這個過程的規範算法 。對於CSS樣式表, 基本URI是樣式 表的基本URI,而不是源文件的源 。
有關Bert Bos(CSS規範的作者之一)關於樣式表中變量的一篇有趣的文章。你可以閱讀它here。
同意 - 簡單地將CSS表格本身託管在靜態域中,然後引用像url(images/image.gif)等圖像。瀏覽器從CSS表格託管位置的上下文中發出CSS圖像請求。 – wows
不錯!感謝幫助的人。我已經爲此折磨了好幾天。我應該測試一下,花了我幾分鐘時間才能建立起來。大! –
所以,如果我正確理解這一點。如果我的主域是http://maindomain.com,靜態域是http://staticdomain.com。當我從靜態域加載CSS文件,並在其中引用backgorund:url('/ somepng.png');它將看起來在靜態域中,而不是在主域中。 –
@Saif Bechan - 正確。 – wows
酷酷的作品正確,非常容易設置! –