2012-02-12 48 views
0

我有一個主要的HTML頁面,我創建了一個CSS左上角圓角的DIV。它看起來很好,如預期。 DIV內部是一個iframe,用於顯示其他頁面。這也工作得很好,並如預期。我的問題是,當我向下滾動iframe中的頁面時,向上滾動,div/iframe顯示「尾巴」,或沿着兩側的圓角的剩餘部分。我試着在頁面的body標籤後面用背景顏色在單獨的頁面中創建一個DIV;不用找了。我在IE9和Chrome中都看到了這個問題。有人可以向我解釋爲什麼會發生這種情況,或者更好 - 我需要做什麼來防止顯示?或者直接到一個覆蓋這個網站的網站?非常感激。在帶圓角的div內滾動iframe葉圓角的痕跡

CSS:

#contentDIV{position:fixed;top:3.8em;left:13.5em;right:0;bottom:0;overflow:auto;-moz-border-radius-topleft:.8em;border-top-left-radius:.8em;} 
#contentFRAME{width:100%;height:99%;top:0;overflow:auto;border-width:0;} 

回答

0

1)最好創建一個最小的獨立的測試案例。拿着你有的代碼,複製它並開始刪除東西,保存,重新加載和重複。如果問題沒有得到解決,那麼你已經發現如何消除它,否則請參閱步驟2.我不確定發佈URL的方式,你可以嘗試一下,我沒有看到FAQ中的任何內容。

2.)如果你能弄清楚如何在不引起問題的情況下自行解決問題,但通常你必須以某種方式使用代碼。繼續併爲其他人發佈最小測試用例來重新創建問題。

3.)你可以做的一件事就是使用網絡開發工具去除CSS規則(比如Firebug for Firefox),並通過禁用某些規則來查看問題是否解決。如果禁用該規則不能解決問題,請啓用規則。問題幾乎總是由兩組或更多組代碼/條件引起的。

此外,沒有「body tag」,您正在引用body元素。使用正確的術語是非常理想的,原因有兩個:首先你看起來很專業,然後你大大增加了某人理解你在說什麼的機會。術語標籤只適用於所用實例的0.1%,它實際上是指單個標籤,而不是元素本身。術語標籤正確使用的一個例子是,「在XHTML中元元素是否有一個結束標籤(< meta> </meta>)或者它是自閉合元素(< meta />)?

+0

(請原諒我,如果我雙重帖子......它似乎沒有上傳我的第一個響應)感謝您的迴應和建議,我遵循你的建議,並刪除了東西來指出這個問題。原來是定義一個默認我還是不明白爲什麼,但是它解決了我的問題 – 2012-02-13 03:59:28

+0

你測試了哪些瀏覽器/版本?你能發佈一些代碼嗎?爲每個文件單獨的塊(總共三個,一個CSS,兩個(X)因爲iframe的HTML),希望我們能夠徹底解決你的問題。儘管我明天會到,但我沒有太大的衝動。 – John 2012-02-13 04:13:42