yahooのpc表示について

Question

お世話になります。

昨日より、添付画像のようなメッセージがIEのyahooの弊社ページに
表示されるようになりました。

YAHOOの担当者に確認しても、いつか消えるんじゃないですかと
無責任な返事...。

今日見たら、背景画像も消えていました。

背景画像が消える現象は
crome等でも起きています。

CSSが原因かと思い、探っているのですが
どうにもわかりません。

原因等わかりますでしょうか？

Answer

ECマスターズの田中です。

＞昨日より、添付画像のようなメッセージがIEのyahooの弊社ページに
＞表示されるようになりました。

私にて、GoogleChromeの標準機能である「開発者ツール」を使って確認したところ、
ヘッダーの「ピックアップ」「キャンペーン」タブにそれぞれ含まれている
キャンペーンバナーを表示させるためのページが、
にて「https://」から始まるURLで呼ばれているのに、
ページ内に「http://」で始まるURLが混ざっていることが原因でした。

「https://」で始まるURLで読み込んだページは、
原則として暗号化された状態で送受信が行われ、
第三者から傍受されることなく安全に通信することができるのですが、

その中に「http://」で始まるURLが含まれると、
そのURLを読み込む通信は暗号化されないため、
傍受されて通信の内容を読み取られる可能性が出てきてしまいます。

このように、「https://」から始まるURLで読み込んで利用する予定のページの中に
「http://」で始まるURLで読み込むURLが含まれていると、
セキュリティー上の欠陥になりうるため、IEですと今回のようなメッセージが表示されます。

このメッセージが表示されないようにするには、
各ポイントキャンペーン用のページ（末尾163,170のフォルダに含まれる「index.html」）に含まれている、
先頭が「http://」から始まるURLを
「https://」もしくは「//」にご変更いただきますようお願いします。

＞今日見たら、背景画像も消えていました。
＞背景画像が消える現象は
＞crome等でも起きています。

私にて確認したところ、ヘッダーの先頭から（トップページの場合）社長あいさつのあたりにかけて
背景画像が問題なく表示できているようなのですが、
ミカン星人さんの環境では、何も表示されていないということでしょうか。

まずは、消えた背景画像を、ストアクリエイターPro内のどの項目でご設定いただいていたのか
お知らせいただけますでしょうか。

Answer

ありがとうございます。

httpsの件は解決いたしました。

＞私にて確認したところ、ヘッダーの先頭から（トップページの場合）社長あいさつのあたりにかけて
＞背景画像が問題なく表示できているようなのですが、
＞ミカン星人さんの環境では、何も表示されていないということでしょうか。

上部背景以降の背景が消えている状態です。
※雪の結晶や横のラインなどです。

説明が難しいのですが、楽天ページをご覧になって頂けるとわかるかと思います。
※ページデザインは同一です。

＞まずは、消えた背景画像を、ストアクリエイターPro内のどの項目でご設定いただいていたのか
＞ お知らせいただけますでしょうか。

トリプルのCSSで設定している画像だと思います。

画像名はimg0114.gifやimg0087.gifだと思います。

よろしくお願い致します。

Answer

ECマスターズの田中です。

＞上部背景以降の背景が消えている状態です。
＞※雪の結晶や横のラインなどです。
楽天と比較して、消えていることを確認いたしました。

ミカン星人さんのyahooショップでは、トリプルに設置した
style.css、style-yahoo.cssを続けて読み込んでおりますが、

style.cssにて、img0087.gif, img0114.gif を背景として設定した後、
style-yahoo.cssにて、img0007.jpg だけを背景にするよう、上書きする形で指定がされております。

全てを表示させるには、
style-yahoo.cssにて、img0007.jpg, img0087.gif, img0114.gif 全てを背景として設定するよう
規則をご記載いただきますようお願いします。

Answer

お世話になります。

ご指摘部分の修正で、無事解決いたしました。

SLL対応の際に、過去のCSSをアップロードしていたようです。

どこを修正したか混乱していたので
ご指摘いただきスッキリ解決いたしました。

ありがとうございました。