2011-11-21 62 views
4

我有一個彈出窗口,點擊一個按鈕後出現。我不想彈出窗口,但可調整大小。我嘗試在css resize:noneresizable:none中使用,但這不適用於所有瀏覽器。我不想彈出窗口可調整大小

是否有一個可以使用的CSS元素,使彈出窗口不能在所有瀏覽器中調整大小,或者是有很多不同的可重新設置的相關CSS元素,以便我可以使用它們,因此最終所有彈出窗口都不能調整大小在所有的傳統?

我知道在哪裏把CSS元素,在window.open功能,我只是想知道其他的CSS的方式,可以使彈出窗口不可調整大小的使用(所有最新的瀏覽器)所有的瀏覽器

瀏覽器:IE瀏覽器,Firefox瀏覽器,谷歌瀏覽器,Safari瀏覽器和Opera

+1

這不是很好的做法。應由用戶決定是否要重新調整窗口的大小。不要成爲這樣的控制怪胎:) – vascowhite

+1

如何不使用彈出窗口?更何況人們不喜歡他們,許多瀏覽器(手機,平板電腦)甚至可能不支持他們。 – Kos

+0

嘿,BruceyBandit。如果你現在準備好了,5年11個月後,爲了將答案標記爲答案:-)? –

回答

8

你不能用CSS做到這一點 - 你需要將resizable參數傳遞給window.open()函數。如果您將anchortarget屬性一起使用,則需要使用JavaScript代替。

JS實例

window.open ("http://URL","mywin","menubar=1,resizable=0,width=350,height=250"); 

JS & HTML實例

<a href="#" 
    onclick="window.open ("http://URL","mywin","resizable=0,width=350,height=250"); 

其他資源

看看上MDN的window.open文檔:https://developer.mozilla.org/en/DOM/window.open

根據MDN,火狐將不支持調整大小的屬性:如果此功能設置爲yes

可調整大小

,新輔助窗口 會改變大小。注意:從版本1.4開始,基於Mozilla的 瀏覽器在狀態 欄的右端有一個調整大小grippy的窗口,這可以確保用戶可以調整瀏覽器窗口的大小,即使網絡作者請求此輔助窗口爲非關聯窗口調整大小。在 這種情況下,窗口標題欄中的最大化/恢復圖標將被禁用,並且窗口的邊框將不允許調整大小,但窗口 仍然可以通過狀態欄中的那個grippy調整大小。

與Firefox 3開始 ,輔助窗口總是可調整大小的(錯誤177838

+0

我知道,但我說的是可調整大小和調整大小不適用於所有瀏覽器 – BruceyBandit

+0

是的,我不是說我使用css來調整彈出窗口的大小,它是在window.open函數中的javascript ,我問的是,還有其他CSS元素來調整彈出窗口,而不是調整大小或調整大小 – BruceyBandit

+0

Chrome也是這個用戶友好的選項。 – johnathankent