単純な、直線的なものならcssでshadow指定すればいいのですが、私がやりたいのはこういうもの。
定番のやり方があって、紙のレイヤーの背後に,陰を作るための、いわば紙片を斜めに置いて陰だけを覗かせる、というものです。
黄色い「紙片」をz-index;-1で背後に持って行けばいいわけです。
ところが、
こうなっちゃうわけです。つまり、「紙片」が「紙」のすぐ後ろではなく、メインカラムの後ろにまで行ってしまうわけです。
「紙」を指定する
<div>...</div>
を入れ子にして、
<div style="z-index:100;">
<div>...</div>
</div>
とすることで、上層にもってきても紙片は最下層と思われるメインカラムの背後に行ってしまうのです。
どうもこの現象が、テーマにLuxeritasを使ったときだけの現象と分かりました。
「紙」のサイズが固定ならば、別の「紙」を覆い被せればいいのですが、これでは、紙に好きな数の文字を入れることができません。
解決方法はあるのでしょうか
【WordPressの最新記事】
- WordPressトラブルの原因は…
- 「Hello world!」の問題
- Cocoonの欠点を補う〜下線
- キャッシュのトラブルの原因
- コメントを許可しない(2)〜WordPr..
- コメントを許可しない(1)〜WordPr..
- ブロックのコピー2種
- Wordpressの記事一覧を投稿順から..
- Wordpressの記事一覧を投稿順から..
- Contact Form 7の、@を消し..
- Contact Form 7でエラー
- WordPress6.6でちょっと戸惑い..
- 紙にうまく陰が付けられない(2)〜一応解..
- WordPressへのメールによる投稿
- コンタクト・フォームのボタンの加工など〜..