CSS の position プロパティの使い方を覚えると、画像と画像を重ねる、画像と文字を重ねる、というのが簡単にできるようになります。 画像編集ツールで加工してもよいのですが、CSS で表現すると画像の上に表示されているテキストを検索エンジンが認識してくれるので SEO 効果が期待できる、というメリットがありますね。 それでは position:relative と position:absolute の使い方を見ていきましょう。 position プロパティの使い方基本 positon プロパティで聞いたことがあるのは「相対配置」と「絶対配置」という言葉だと思います。 何となくイメージはできるものの、検索して解説を読んでもイマイチわからず…という状態ではないでしょうか。 position プロパティで使える値をおさらいしておきましょう。 static
![CSS「position:relative」と「position:absolute」で画像や文字を重ねる方法 - Naifix](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3d99b46f929df3d0422d81184bfea8e8f064c2f/height=288;version=1;width=512/https%3A%2F%2Fnaifix.com%2Fwp-content%2Fuploads%2F2015%2F05%2Fcss-position-relative-absolute.jpg)