2013-03-17 112 views
-6

我有一個需要添加元素的網站。
當前樣式會干擾元素。
有沒有辦法在頁面中有獨立的部分,有自己的風格,
像iframe的工作方式?如何在頁面內製作頁面?

+1

上那麼爲什麼不直接使用iframe? – 2013-03-17 04:17:47

+0

元素有移動部分 – 2013-03-17 04:19:32

+1

我不明白這意味着什麼,更不用說這意味着iframe在這裏不適合。 – 2013-03-17 04:21:52

回答

1

你有問題回答你自己的問題。完成此操作的理想方法是使用。

如果是不可能的,那麼你可以手動「範圍」用一定的ID前綴在「框架」的所有規則和覆蓋你的默認樣式你的CSS:

.style1 { ... } 
.style2 { ... } 

#widget .style1 { ... } 
#widget .style2 { ... } 

即將在HTML5你實際上可以在一個頁面中範圍內的CSS以下內容僅適用於內部<div>的樣式。

<div> 
    <style scoped> 
    div { color: red; } 
    </style> 
    <div>RED</div> 
</div> 

但是,這還沒有得到廣泛支持。

+0

所以它可以做到,但不是很好 – 2013-03-17 04:22:03

+0

嗯有趣。我沒有看到這個 – btevfik 2013-03-17 04:22:05

1

您可以創建一個單獨的頁面,該頁面具有自己的CSS,然後使用iframe將其嵌入。

0

你可以附上您的輔助風格在<div>標籤並重寫代碼的其餘部分是這樣:

a { 
    color:red 
} 

#newstyle a { 
    color: blue 
} 

和的HTML:

<a>This is red.</a> 
<div id="newstyle"> 
    <a>This is blue.</a> 
</div> 

不過,也有可能是更好的選擇。

0

要麼使用iframe或使用AJAX來加載網頁的實際內容到一個div您的網頁