我想为图像添加标题。我发现有两种选择。
- 通过 jQuery
- 仅通过 CSS
我认为第二个是很酷的方式
我认为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 解决方案并不理想。