我有一个主HTML页面,我创建了一个带有CSS左上角的DIV。看起来很好并且符合预期。在DIV内部是一个iframe,我用它来显示其他页面。这也很好,正如预期的那样。我的问题是,当我向下滚动iframe中的页面时,然后向上滚动,div / iframe显示“tails”,或沿着两侧的圆角的剩余。我尝试在页面的正文标签后面的背景颜色的单独页面中创建一个DIV;没变。我在IE9和Chrome中都看到了这个问题。有人可以向我解释为什么会发生这种情况,或者更好 - 我需要做些什么才能防止这种情况发生?或者引导我到一个涵盖这个的网站?非常感谢。
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 :(得分:0)
1。)最好创建一个最小的独立测试用例。获取您拥有的代码,复制它并开始删除内容,保存,重新加载和重复。如果问题在没有影响的情况下解决,那么您已经找到了如何消除它,否则请参阅第2步。我不确定发布URL,您可以尝试,我在FAQ中没有看到任何内容或反对它。< / p>
2。)如果你能弄清楚如何在不引起问题的情况下自己解决问题,那么你经常需要以某种方式使用代码。继续并为其他人发布最小测试用例以重新创建问题。
3.。)您可以做的一件事是使用Web开发人员工具删除CSS规则(如Firebug for Firefox),并通过禁用某些规则来查看问题是否得到解决。如果禁用该规则无法解决问题,请启用规则。问题几乎总是由两组或更多组代码/条件组合引起的。
此外,没有“body标签”,您正在引用body元素。使用正确的术语是非常可取的,原因有二:首先你看起来很专业,第二,你大大增加了某人理解你所说的内容的机会。术语标签仅适用于0.1%的实例,它实际上是指各个标签,而不是元素本身。正确使用术语标记的一个示例是,“在XHTML中元元素具有结束标记(&lt; meta&gt;&lt; / meta&gt;)或者它是一个自闭元素(&lt; meta /&gt; ;?)