作为我正在进行的项目的一部分,我需要在
<iframe>
. 由于复杂的跨浏览器限制,我不能直接调用add。
这是一个非常简单的页面,加载了我们的一个广告槽,其中有轮流的广告创意:
http://troy.onespot.com/static/stack_overflow/4949/iframe.html
* {
margin: 0;
padding: 0;
}
这将删除页面上的任何边距和填充
<body>
元素,因此广告与视口的左上角相对。
http://troy.onespot.com/static/stack_overflow/4949/test.html
它包括一个
<
这将加载前一页,并使用上面相同的基本样式删除边距和填充。通常,此页面的呈现输出看起来与第一个示例中的完全相同。
http://skitch.com/troywarr/d4pbg/ad-example
由于这些浏览器有相对糟糕的开发工具-或者至少我不知道如何有效地使用它们-我没有找到任何线索,可能会发生什么。似乎没有任何明显的模式,像一个特定的广告创意,总是显示问题,或一个导航方法,导致这种情况发生一致。
是什么导致了这种情况,我该怎么做才能防止呢?我在显示广告的页面上尝试了其他样式,包括:
* {
position: fixed;
}
虽然这似乎缓解了问题,但也打破了一些广告创意的布局。我对出现的创意没有任何控制,所以我可能无法依赖任何像这样影响深远的造型,以免破坏任何广告;我也无法预测广告创意中会出现什么样的元素来预防性地设计它们。
提前感谢您的帮助!
