Question

我有一个带有图片的iFrame有没有办法让jquery让它们可点击并在iframe之外显示它们？

这就是我所拥有的：

    $(".my-image").click(function(e){
        e.preventDefault();
        $(this).find('img').css({
            'width': '600px',
            'position': 'absolute',
            'left': '50%',
            'top': '10px'
        })
    });

但是图片仍然位于iFrame内部

Answer 1

如果您1）在iframe上设置allowfullscreen（及其各种供应商前缀变体），并且2）使用固定定位，则可以转义iframe。

我应该提一下浏览器支持是粗略的：How widely supported is the iframe attribute "allowfullscreen"?

Answer 2

不是CSS技巧我知道有帮助。不得不为此聚集一点jQuery插件：

https://github.com/rinchik/iFramebox

像魅力一样工作^ _ ^

来自iframe的jQuery pop图像

2 个答案: