Facebook iframe不受CSS影響

Question

      <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;
  }

可能是什么問題呢？

Answer 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;
}