画像にキャプションを付けたい。私が見つけた2つのオプションがあります。
- jqueryで
- CSSだけで
私は2番目のものはそれのために行くためのクールな方法だと思います
airnbはそれを第二の方法でやっていると思います.
しかし、私はそれを使用してそれを理解できませんでしたfirebug
。
簡単な例または同じブログのリンクを教えてください。
オプション 3) HTML (および CSS) を使用する方法があります。HTML にキャプションを追加してみませんか?
しかし、あなたの質問に答えるために、CSS でそれを行いたい場合は、次のようなものを使用できます。
img {
margin-bottom: 50px; /* Make room */
}
img:after {
content: 'The caption of the image';
display: block;
position: absolute;
top: 100%;
}
ポジショニングを機能させるには、引き続きコンテナーが必要です。また、キャプション テキストは実際には CSS であってはならないことも想像できるので、純粋な CSS ソリューションは理想的ではありません。