IE:iFrame显示,没有边框*说Boss *

时间:2011-03-08 18:06:45

标签: html css live modal-dialog colorbox

大家好,早上好,

我正在使用该页面: http://702wedding.com/live/

它适用于我的所有浏览器Execpt IE。我没有IE,所以我有点在黑暗中飞行修复它。我的老板正在谈论IE浏览器中显示的iframe边框,以及其他任何IE用户都可以看到的内容。索引页面上的字体BEHIND模态显示的是字体很小。

我在Mac上并且明天需要一种方法来看IE,但今天早上有人可以帮我解决这个问题吗?

的问题:
iFrame在IE中显示 索引页面中的微小字体behing模式。

一如既往地非常感谢你们。

^ _ ^

5 个答案:

答案 0 :(得分:2)

我在IE7中看到了框架边框。尝试在iframe的样式中设置border: 0background: transparent。然后将allowtransparency="true"作为属性添加到iframe。

答案 1 :(得分:1)

如果您没有任何浏览器,请尝试https://browserlab.adobe.com/en-us/index.html。 您可以在已定义的浏览器集中预览您的链接(几乎所有)。

答案 2 :(得分:1)

在iframetag

上设置border =“0”和frameborder =“0”

答案 3 :(得分:1)

该页面至少在IE6中起作用:

modal dialog in ie6

请注意,该对话框顶部的导航栏已损坏。当你告诉它没有CSS“边框”时,IE6不会听 - 你必须明确告诉它它没有frameborder,所以在iframe标签上使用border="0" frameborder="0"

在模态对话框后面,文本不是“微小的” - 实际上,它呈现的类似于FF呈现它的方式(但是,它是IE6,因此文本难以阅读/别名,当然)

并且,为了将来参考,您可以使用BrowserShots在上次检查时以各种不同的浏览器/版本(包括IE [4-9])获取页面的屏幕截图。

否则,您可以查看IEs4Linux,它允许您在Linux上运行IE6和7,前提是您拥有有效的Windows许可证。

答案 4 :(得分:1)

而不是border:none,尝试将边框设置为显式值:

style="border:0px solid #fff; overflow:hidden; width:100px; height:21px;"

另外,尝试将显示选择器设置为阻止。

我在iFrame上有这种风格,边框不会显示在IE中:

style="border:0px solid #FFF; display:block; left:0; top:0px; height:100%; width:100%;

此外,您的Javascript中有额外的评论,导致错误:

$(".example5").colorbox({innerWidth:686, innerHeight:624 ->,<- }