###前提・実現したいこと
スマホサイト、PCクロームで画像を表示させたい。
###質問
(スマホでみると画像が一部表示されません。一瞬見えすぐ消えるような時もあります。
またPCでもfiorfoxは問題ないけどクロームでも消えます。
ブラウザを更新すると、消えてたものが見えて他のものが消える現象もあります。
###発生している問題・エラーメッセージ
スマホ、PCなどで画像が一部表示されない
作成しているソースは下記の通りだが、公開すると src="******"が src のみになってしまう
###該当のソースコード
html <ul class="dekirukoto-bt"> <li class="bt-lp"><a href="#"><img alt="LPガス販売" src="/site_files/image/dekirukoto/bt-lp.png" /></a></li> <li class="bt-jyusetsu"><a href="#"><img alt="住設機器販売" src="/site_files/image/dekirukoto/bt-jyusetsu.png" /></a></li> <li class="bt-taiyoko"><a target="_blank" href="#"><img alt="太陽光発電" src="/site_files/image/dekirukoto/bt-taiyoko.png" /></a></li> <li class="bt-suido"><a href="#"><img alt="上下水道工事" src="/site_files/image/dekirukoto/bt-suido.png" /></a></li> </ul> css .dekirukoto-bt{ overflow: hidden; margin:0 5%; width:90%; } .dekirukoto-bt li{ float:left; width:119px; margin:0.5%; } .dekirukoto-bt li img{ width: 100%; height:auto; } .dekirukoto-bt .bt-alldenka{ margin-left:65px; } @media only screen and (max-width:700px){ .dekirukoto-bt li{ float:left; width:50%; margin:1% 0; text-align:center; } .dekirukoto-bt li img{ width:80%; margin:1% auto; } .dekirukoto-bt .bt-alldenka{ margin-left:0; } .dekirukoto-bt .bt-refo{ margin:0; } }
###試したこと
ブラウザの再読み込み
キャッシュ削除
スタイルシートの書き直しなど
自分のサイトのドメイン以下にimgのsrcを打ち込んだとき、画像のみが表示されますか?
例)
http://xxx.xxx.xxx/site_files/image/dekirukoto/bt-lp.png
また、このサイトで使われているテンプレートやフレームワークはありますか?
テンプレートやフレームワークがわからないなら、公開しているサイトの管理会社等(Wix、Jimdo、Yahooジオシティーズetc...)はわかりますか?
「一部表示されない 」とは画像が欠けて表示されるという状況か、いずれかの画像がそもそも表示されないのか、どちらでしょうか。また、「src="**"が src のみに」はどこを見てそれを確認されたのでしょうか。「ソースを見る」「デベロッパーツール」それぞれで違いは有りますか?
情報ありがとうございます。クロームのソースをみていたら消えていましたが、ieのデベロッパーツールではアドレス後ろに_crというタグがついていました。おそらく他製作者がjavascriptで設定をいれていたみたいでした。
回答1件
あなたの回答
tips
プレビュー