如何在HTML中的图像上显示动态值？

Question

我必须在页面上显示名称和评级但我不知道如何做，任何建议或教程链接，如何开始？

Answer 1

图像是用于显示图形数据的元素，不能向其中插入动态值，您可以通过CSS将它们叠加在图像上，并且需要一些JavaScript来动态更改它们。我强烈推荐jQuery。

http://www.w3schools.com/css/

http://www.w3schools.com/jquery/

您可以使用这两个更有效地

https://jsfiddle.net/

https://codepen.io/

测试代码的这家伙有一个基础，一些不错的视频教程

https://www.youtube.com/watch?v=Mp0f0zTPLec&list=PL081AC329706B2953

Answer 2

尝试是这样的：

#image{width:100%; 
 
height:200px; 
 
    position:relative; 
 
    overflow:hidden; 
 
background:#454544; 
 
z-index:1;} 
 

 
#text{ 
 
color:white; 
 
position:absolute; 
 
top:10px; 
 
z-index:2; 
 
}

<div id="image"> 
 
    <img src="http://wallpaperwarrior.com/wp-content/uploads/2016/09/Wallpaper-15.jpg"> 
 
<div id="text"> 
 
    <h1>some text on the image</h1> 
 
    </div> 
 

 
</div>