在Safari中使用webkitTransform缩放iframe会创建白色边框

时间:2010-09-16 15:57:52

标签: css iframe html5 safari

我在iframe中有一个简单的html页面,我试图用html5输入范围滑块进行缩放。它在iframe中创建了一个白色边框,看起来是一个双倍的副作用。

它在chrome(6.0.472.59 mac)中运行完美,但在safari(5.0.1 mac)中运行不正确。

这是现场演示的链接 - http://dl.dropbox.com/u/1031653/safari-bug.html

关于为什么会发生这种情况的任何建议?如果需要,硬核黑客很好。

2 个答案:

答案 0 :(得分:1)

这似乎是一个Safari漏洞。我建议您在https://bugs.webkit.org/

报告

答案 1 :(得分:0)

我也在Chrome中看到了这个错误(版本11.x.x)

一种解决方案是进入IFRAME的文档(假设您有权访问)并在那里设置大小。像这样:

$('iframe').contents().find('body').css('-webkit-transform', 'scale(0.5)');