CSSでインラインフレームを非表示にしたい

解決済

質問者：00002345
質問日時：2014/04/17 11:33
回答数：1件

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、
真ん中の「only」だけ隠すことはできませんか？
スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。
宜しくお願いします。

.free {
width:450;
height:760;
border:none;
margin: 0px;
overflow: hidden;
}

.only {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

.link {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}