Question

我在html页面上调用iframe我有网站网址，我想更改徽标位置我想在其中添加填充。所以我从网站css复制相同的类并在我的html页面上应用！important但它不起作用。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<style>
/*website class( just for example) 
    #header_logo {
        padding: 29px 0 18px 8px;
    }*/

    // my class

    #header_logo {
        padding: 29px 0 18px 50px!important;
    }


</style>
</head>

<body>
<iframe width="100%" height="600" allowtransparency="yes" frameborder="0" src="http://airtel.in">


</iframe>

</body>
</html>

Answer 1

据推测它是一个不同的领域 - airtel.in？然后，绝对没有，同源原则适用; http://developer.mozilla.org/En/Same_origin_policy_for_JavaScript

Answer 2

我不相信这是可能的。

如果您希望更改iframe中页面的样式，则需要更改该实际页面上的样式。

如果此页面是动态的，并且您可以控制它，则可以在URL中传递查询字符串，以便仅在iframe中查看时才更改该类。例如，将src更改为：

http://airtel.in?iframeview=1

然后根据您的编程语言添加：

if (Request.QueryString("iframeview")==1){
  //Make changes to add class here
}

显然，这取决于您是否可以控制iframe中显示的页面。

Answer 3

阿米特，

使用javascript / jquery更改ID或类（或添加类）..

要查找iframe中的内容，您可以执行以下操作：

$（ “IFRAME”）。内容（）。找到（ '＃选择'）

我们可以在iframe src页面上更改类吗？

3 个答案: