仅使用CSS缩放iframe

时间:2016-04-05 12:21:12

标签: javascript css iframe

是否可以使用CSS仅为页面上的iframe内的图像添加样式?

以下css不起作用: -

<style>
    iframe img
        {
            zoom: 0.8;
        }
</style>

我尝试了以下脚本: -

<style>
.zoomingAds
    {
        zoom: 0.8;
    }
</style>
<script type="text/javascript">
    $(document).ready(function () {
        var i, frames;
        frames = document.getElementsByTagName("iframe");
        for (i = 0; i < frames.length; ++i)
        {
            var images = frames[i].contentWindow.document.getElementsByTagName("img");
            frames[i].className += "zoomingAds";
        }
    });
</script>

但是它没有用,因为我使用了Javascript并试图访问从谷歌广告(另一个域)获得的iframe。

错误是: -

blocked a frame with origin "MyDomain" from accessing a frame with origin "htto://googlesyndication.com" protocols, domains and ports must match

0 个答案:

没有答案