iframe の周りに幅 1 ピクセルの黒い境界線が必要な場合は、他の何かの周りに境界線が必要な場合と同じルールを適用するのが論理的です。しかし、このコードは機能しません:
#myiframe{
border:1px solid black;
}
境界線は iframe の左側と上部にあり、(予想外に) 下部にあることもありますが、右側にはありません。iframeの周りに一貫して適用しないのはなぜですか??
この問題は Google Chrome でのみ発生します。
iframe の周りに幅 1 ピクセルの黒い境界線が必要な場合は、他の何かの周りに境界線が必要な場合と同じルールを適用するのが論理的です。しかし、このコードは機能しません:
#myiframe{
border:1px solid black;
}
境界線は iframe の左側と上部にあり、(予想外に) 下部にあることもありますが、右側にはありません。iframeの周りに一貫して適用しないのはなぜですか??
この問題は Google Chrome でのみ発生します。
これを追加してみてください..
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
outline:none;
outline:none
appearance:none
デフォルトのブラウザの外観を削除します。
質問のコメントで指摘されているように、私は古いバージョンの Chrome を使用していました。最新の安定版では、バグはありません。
を包んでみるDIV
html
<div class="wrapper">
<myiframe>
</div>
CSS
.wrapper {
float:left;
border:1px solid #000;
}
属性 frameBorder を使用して、iFrame の周りに一意の境界線を取得できます。だから試してみてください<iframe src="" frameBorder="1"/>