2011-10-28 65 views
1

我有一個iframe。該標記是這樣的:iframe隱藏內容。如何解決它?

<iframe height="350" frameborder="0" width="100%" scrolling="auto" src="someurl.php" style="z-index:100;overflow:auto;"> 
</iframe> 

正如你所看到的iframe的高度是固定的,350

在someurl.php我有一個浮動塊,在上行方向垂直移動的第1個要素。我試圖將滑塊的z-index設置爲1000,但沒有運氣,我的iframe只是隱藏它後面的滑塊。

我該如何解決這個問題?

回答

2

在someurl.php我有一個滑塊爲在向上的方向垂直地移動第一元件。

的一個iFrame的內容可以從未超過iframe的邊界。 當框架內的腳本元素「垂直向上移動」(絕對定位)時,它不再可見。

如果框架和父窗口託管在同一個域中,則可以將該元素(從框架內部)注入父窗口,以便元素「似乎超出框架」。

0

我不確定如果我正確理解你,你可能會發佈一個鏈接,以便我們可以看到問題?

在任何情況下,iframe中顯示的頁面上的z-index都不受iframe本身的z-index(iframe具有自己的DOM)的影響。另外,z-index行爲也是依賴於瀏覽器的(特別是如果您使用的是早於9的IE版本;在這種IE版本中,它會負面地繼承z-index,所以所有父元素也必須被賦予一個索引)。

是來自不同網站的iframe內容?如果沒有,我會concider javascript來填充div而不是使用iframe。