html - 隐藏 iframe 内的边框

Question

我添加了 YouTube 订阅按钮：

<iframe src="http://www.youtube.com/subscribe_widget?p=XYZ" 
   style="overflow: hidden; height: 105px; width: 300px; border: 0;" 
   scrolling="no" frameBorder="0">
</iframe>

这个网站有一个活生生的例子

iframe 包含我想删除的边框。我取得成功的唯一方法是为每一边创建一个 div 并掩盖边界。还有其他解决方案吗？

Answer 1

您可以将该 iframe 放入容器中并隐藏所述容器的溢出，这将证明您隐藏边框的简单方法：

​.container{height:100px;width:295px;overflow:hidden;}
iframe{position:relative;left:-2px;top:-2px;}

​ 概念证明：http: //jsfiddle.net/hillsons/3KYp9/