CSS「position:relative」と「position:absolute」で画像や文字を重ねる方法 - Naifix

CSS の position プロパティの使い方を覚えると、画像と画像を重ねる、画像と文字を重ねる、というのが簡単にできるようになります。 画像編集ツールで加工してもよいのですが、CSS で表現すると画像の上に表示されているテキストを検索エンジンが認識してくれるので SEO 効果が期待できる、というメリットがありますね。 それでは position:relative と position:absolute の使い方を見ていきましょう。 position プロパティの使い方基本 positon プロパティで聞いたことがあるのは「相対配置」と「絶対配置」という言葉だと思います。 何となくイメージはできるものの、検索して解説を読んでもイマイチわからず…という状態ではないでしょうか。 position プロパティで使える値をおさらいしておきましょう。 static

[raisukin]

画像・文字の重ね方

[M1spark20Beta]

relativeとabsoluteを使い分ける。基本的に座標参照元はrelative、座標を指定する要素はabsoluteでOK?

[h30sman]

真面目に仕事してて調べ終わって初めてエローラさんの記事って知って悔しい気持ちでいっぱい

[designlikes11]

写真のコピーライト表記に使用するといいかもしれない