忍者ブログ
17 May

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

08 June

display:table  Androidスマホ 画像が表示されない

display:table-cell にborder:1px solid transparent; を足したり、padding:1px; でも入れてみる



Android 標準ブラウザでimgが表示されない
Android chromeブラウザは表示された

要するに幅と高さが設定してないとこうなるらしい
もうめんどくさいからどの時点でのあれなのかとか試してないけど、↑のようにすれば幅と高さが出るみたいで表示される
もちろんdisplay:tableに width:100% 等はやってみた
table-sellに width:60%とwidth40%の横並びで入れてみたけどダメ
1つだけのtable-cellならwidth100%でいけるかもしれない

でもここで、グラデ透明化された背景とくっついてる画像の場合は困った
borderやpaddingを入れると、borderをtransparentにしても透明線が見えてしまう。
背景と同化してくれない
そのため、背景グラデ部分を分離して、別でbackgroudとして設置するはめになった

いつもhtmlにwidthとheightを入れないから(画像サイズ変更時の更新をラクにするため)そのせいかなー
もうめんどくさいから試してないけど
PR