Facebook iframe 不受 CSS 影响答案

【问题标题】：Facebook iframe is not affected by cssFacebook iframe 不受 CSS 影响
【发布时间】：2014-12-19 19:52:35
【问题描述】：

      <footer class="mastfoot">
        <div class="inner">
          <iframe class="iframe" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fmyfacebookpage%3F&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;appId=705841689490152" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
        </div>
      </footer>

我有这个 iframe，他是一个类似于 facebook 页面按钮的 facebook.. 我希望设置在我的 css 中不显示任何内容，但不起作用，css 不会影响 iframe..

  .iframe {
    display: none;
  }

可能是什么问题？

【问题讨论】：

How to apply CSS to iframe?的可能重复

标签： html css facebook iframe

【解决方案1】：

这不是将 CSS 应用到 iframe，因为您只想将 CSS 应用到 iframe 标签本身，对吗？给它一个 ID，然后再试一次，总是对我有用：

<iframe id="myIframe" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fmyfacebookpage%3F&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;appId=705841689490152" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>

CSS：

#iframe {
    display: none;
}

【讨论】：