0

私のページにYoutubeHTMLiframeが埋め込まれています。これは、次のコードです。

<iframe src="http://www.youtube.com/embed/gI2eO_mNM88?rel=0&amp;autohide=1&amp;color=white&amp;showinfo=0&amp;theme=dark&amp;wmode=transparent&amp;hd=1" width="470" height="264" frameborder="0" allowfullscreen webkitAllowFullScreen></iframe>

再生を押すと、IE9+8で点線の1pxのアウトラインが表示されます。私のCSSにはこれがあります：

embed,
object {
  outline: 0;
  overflow: hidden
}

しかし、それは役に立たないようです。ChromeまたはFF（両方とも最新バージョン）ではアウトラインが取得されません。また、iframeをiframeと同じサイズのdivに入れて、そのdivをオーバーフローさせてみました：非表示ですが、運もありません。

4

4 に答える 4

1

この場合のフィドルを作成しました: http://jsfiddle.net/keaukraine/UmTZy/

ご覧のとおり、iframe要素内にアウトラインが表示されます。iframeWeb ページの範囲を超えているため、内部の要素のスタイリングに影響を与えることはできません。

かなり醜い解決策は、iframeアウトラインの 1px を隠すように配置することです。少し小さめの div 内に配置し、このアウトラインを隠すように配置しました。このソリューションで問題ない場合は、次のフィドルで確認できます: http://jsfiddle.net/raQEH/

于 2012-08-16T08:13:27.950 に答える
0

iframe に id="iframe" を指定して、これを試してください:

#iframe:active, #iframe:focus {
   border: none;
   outline: none;
}
于 2012-08-15T16:58:36.290 に答える
0

border:0;アウトラインが機能しない場合は試してください。

于 2012-08-15T16:58:46.973 に答える
0

この問題を youtube dev フォーラムに投稿しました。彼らが自分のサイトからこれを解決できることを願っています

https://groups.google.com/forum/?fromgroups#!topic/youtube-api-gdata/gqt_G5d8HYM%5B1-25%5D

于 2012-08-17T22:03:24.657 に答える