3

iframe スクロールバーとフレームボーダーを削除しようとしています。andは HTML5 でサポートされなくなったため、使用できません。この属性は、W3C Validator に従ってまだ実装されていないことを示す警告をスローします。スクロールを削除するために使用すると言われているページをオンラインで見つけましたが、少なくとも私のGoogle Chromeではスクロールバーを削除していません。他のブラウザはチェックしていません。また、使用したにもかかわらず、フレーム境界がまだ残っています。cssを使用してiframeの幅と高さを設定しようとしましたが、聞きたくありませんでした。これが私の現在のコードです:frameborder=0scrolling=noseamlessoverflow:hiddenborder:none

#vidframe
{
    width: 577px;
    height: 358px;
    overflow: hidden;
    border: none;
}

<iframe name="videoframe" id="vidframe" src="video1.html"></iframe>

ええ、簡単に width=xxx height=xxx を iframe タグに追加できますが、HTML5 の目標は、できるだけ多くのコーディングを CSS に組み込むことであると理解しています。スタイルシートのiframeの幅と高さ? 繰り返しますが、overflow hidded はスクロールバーを削除しませんでした...そして border: none は境界線を削除しませんでした...

4

2 に答える 2

11

解決策は、iframe に読み込まれるファイルの css に、overflow:hidden を追加することでした。ドキュメントがソース コードを制御できるものでない場合は、javascript を使用して、オーバーフローの非表示属性をドキュメントの本文に追加します。

于 2012-06-12T04:57:57.603 に答える
-1

javascript を使用して iframe の境界線とスクロール バーを削除するには、次のリンクを参照してください...

javascriptを使用してIEのiframeから境界線を削除する方法

于 2012-06-13T05:42:50.097 に答える