jQuery Colorbox css issue

ライトボックスにcolorbox jqueryプラグインを使用しています。すべてがクロムだけの小さな問題があることを除いて素晴らしい作品です。ユーザーがリンクをクリックしてカラーボックスを取得すると、最初の画像のようになります。ユーザーが別のURLを使用して新しいリンクをクリックすると、カラーボックスが2番目の画像のように表示されます。私はCSSを見て、うまく見え、それはChromeでのみ発生します。私のCSSに問題がありますか？jQuery Colorbox css issue

enter image description here

#cboxTopLeft{width:90px; height:43px; background:url(images/videocontrols.png) no-repeat 0 0; position: absolute; left: -60px; } 
    #cboxTopRight{width:90px; height:43px; background:url(images/videocontrols.png) no-repeat -91px 0; position: absolute; right:-16px; } 
    #cboxBottomLeft{width:91px; height:46px; background:url(images/videocontrols.png) no-repeat 0 -47px; position: absolute; left:-60px; bottom:-12px;} 
    #cboxBottomRight{width:91px; height:57px; background:url(images/videocontrols.png) no-repeat -91px -47px; position: absolute; right: -16px; bottom:-23px;}

出典

2012-02-29 Moon

なぜそれらは絶対配置されていますか？ – Jack

スプライト技術に関する誤解の可能性が高い=>ムーン、これが発生したときにChromeの要素を調べます。開発者用ツールコンソールを開きます。リソースを調べて、imgsがロードされているかどうかを確認します（私は彼らが..と思われます）。それらが存在する場合は、位置決めエラーが発生する可能性が最も高くなります。イメージが読み込まれていない場合は、そのベクトルを追うべきです。 –

あなたは、コーナー画像ファイルをクロームのネットワークタブloadedinされている場合は、あなたのキャッシュをクリアするか、チェックしてみてくださいでした？

出典

2012-02-29 00:22:20 DanyZift

はい、キャッシュをクリアして10回以上試しました。画像はネットワークタブにも表示されます（最初のリンクはうまく動作しているためです）。 – Moon

要素を検査するとどうなりますか？それはChrome上で正しくポステーションされていますか？あなたと同じように、ポジションを持つコンテナが必要です：relative ?? – DanyZift

//要素を検査するときに、正しいスタイルが適用されます。面白いのは...そのスタイル（上、右、位置など）の選択を解除してからもう一度それをチェックすると、それ自体が修正されます。 – Moon

答えて

関連する問題