我有这个
<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)
但它不起作用