2014-02-15 73 views
0

我正在構建其他人可能在其網站上嵌入的Web應用程序。這個webapp的一部分構造對話框,它們有自己的樣式表。例如,如果我的對話容器位於.container類中,而該應用程序所嵌入的網站也使用.container作爲其他方式,則可能會出現問題。防止Web應用程序中的CSS衝突

我已經考慮重新命名我所有的課程,如.appname-container,如果沒有其他解決方案,將會這樣做。不過,我希望儘可能地懶惰。有沒有更簡單的方法來防止無法控制的樣式表發生意外衝突?

編輯:我的web應用程序自己裹繞<video>元素,所以我不知道, s時,可以使用。

+0

最佳答案在您的問題中。我會完全按照appname前綴技術。 –

回答

1

iframe是避免與現有應用程序發生衝突的唯一方法。名稱 - 爲了避免在其他地方造成樣式,但是沒有框架,現有樣式可能會影響您的內容,所以名稱與CSS間的距離很大。如果你的內容很簡單,你可能可以擺脫一些重置

+0

我可以即時生成iframe並將對話數據寫入它,而不是鏈接到我的服務器上的iframe嗎? –

+0

我不知道客戶如何嵌入您的內容開始,您可以生成iframe元素,但添加沒有任何實際源的內容可能是不可能的。我知道'about:blank'應該可以工作,但我不知道瀏覽器如何將其視爲文檔。最好生成iframe或爲客戶提供iframe源文件,並讓它訪問您的最終頁面 – helion3