隐藏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>

This site has a live example

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

Answer 1

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

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

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