jquery - 将图像标题文本放在图像顶部

标签 jquery html css

图像具有标题属性。但是可以让该标题在图像上方可见吗?也就是说,没有额外的元素?

最佳答案

你可以在CSS中做这样的事情:

img:before {
   content: attr(title);
   display: block;
}

<罢工>

或者如果您可以使用 jQuery - jsFiddle :

$('img').before(function(){ return this.title });

更新:似乎大多数浏览器都不支持 :before:after图像上的伪标签。所以你最好的选择是使用 jQuery。

关于jquery - 将图像标题文本放在图像顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18927581/

相关文章:

javascript - 限制 jQuery-File-Upload 中的文件数量

javascript - Canvas 在 div 下呈现,而不是在 div 上呈现

javascript - 在 React 中用内联 svg 替换图像元素

jquery 动画帮助、动画队列和代码清理

javascript - 使用纯 Javascript 提取字符串的复杂部分

javascript - 阻止任何导航或按钮在页面上工作

html - 使用 CSS 向移动版本的文本添加字符

html - 如何在 html/css 中垂直分隔组内容?

javascript - 将变量分配给 jQuery 中的包装器集不会使代码正常工作

javascript - HTML5 fileWriter.write 不写入本地文件