如何在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

尝试这样的事情：

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;