小编Nic*_*ick的帖子

像 img 中的文本一样使用 data-*

我有这个

<div class="item" data-name="Lorem ipsum"><img src="https://via.placeholder.com/250x350" alt="Lorem"></div>
<div class="item" data-name="Lorem ipsum 2"><img src="https://via.placeholder.com/250x350" alt="Lorem"></div>
Run Code Online (Sandbox Code Playgroud)

我想要的是:

我想将 data-name 值中的文本放置在图像元素的顶部。我试图定义

.item[display-name] {
content:'data-name';
display:block;
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用

html css

0
推荐指数
1
解决办法
54
查看次数

标签 统计

css ×1

html ×1