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

Facebook iframe不受css的影响

1 个答案: