1

ここにメインページがあります: http://thenozzle.net/

ページ上部のロゴはスプライトで、上下を切り替えて光る効果を与えます。これは、css 遷移と :hover 疑似要素で行われます。

しかし、最近、'projekktor' HMTL5 ビデオ プレーヤーを追加しました。それは非常にうまく機能しますが、ビデオを開始してからロゴにカーソルを合わせると、マウスオーバーするとグリッチアウトします.

また、Google Chrome は ea.com The Battlefield 3 クリップから提供されるビデオを再生しません。Chrome では再生されません。これら 2 つのことが原因で、私は頭がおかしくなりました。それらは関連しているでしょうか？私は何を間違っていますか？

Projekktorホームページ：http ://www.projekktor.com/

ブラウザごとに異なるパフォーマンスを発揮します。Firefox では恐ろしく遅いですが、再生されます。Safari で完璧、CHrome ではまったく再生されませんが、Safari のロゴはグリッチです。何か案は？

4

1 に答える 1

1

それを私が直した。2 つのアンカーのうち 1 つを削除し、headlink の text-indent プロパティを div から削除して、1 つのアンカーに配置しました。奇妙な問題、奇妙な解決策。今後の参考のために、1 レベル以上の深さに埋め込まれたテキストをテキスト インデントしようとしないでください。ロールオーバーすると、らせん状に前後にジャンプします。

<div title="The Nozzle" id="headerlogo">
    <div title="The Nozzle" id="logo1"></div>
    <a style="text-indent:-9999px" title="The Nozzle" href="http://thenozzle.net/"><div title="The Nozzle" id="logo2"></div>The Nozzle</a>
</div>
于 2011-06-18T11:08:53.957 に答える