ブロークングリッドレイアウトテスト 文字あり

未分類
  1. ホーム
  2. 未分類
  3. ブロークングリッドレイアウトテスト 文字あり

・親の高さを40remに設定
1)テキスト1 絶対配置 左-2/12
2)画像 絶対配置 右寄せ 上1/12
3)テキスト2 絶対配置 横幅 3/4 上1/2

3つとも、スマホ・タブレットでは幅指定100%、配置を解除

ポイント
・テキストボックスに背景色をつけると、スマホ時に画像と合体してしまう。
このページはブロークングリッドレイアウトブロック(子)の背景色を白に設定している。(子)の中の段落ブロックに色をつける方法も試したが、同じだった。
https://wp-firststep.com/nishiki_pro/textimg-test2/

・編集画面にて、テキストが画像の後ろに表示される。z-indexを設定しても変わらず、テキストの編集がしづらかった。
・そのため、画像をz-indexで背面にしたところ、画像が編集画面では表示されなくなってしまった。
z-indexが解除できないようだ?
・PC時の親の高さ設定は、見え方を確認しながら少しずつちょうどいい数値を探す感じ。


吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当けがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

ている。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕つかまえて煮にて食うという話である。