用sql＆amp;文本覆盖图像PHP

Question

如何将结果文本字段放在图像中

我做的代码：

web: java %JAVA_OPTS% -jar target\dependency\webapp-runner.jar --port %PORT% target\*.war

我正在考虑div课程，但这不起作用我正在

  

解析错误：语法错误，意外＆＃39;＆lt;＆＃39;

最终结果必须是这样的： https://i.stack.imgur.com/TWror.png

在我将css更改为：

后，它确实有效

> echo "<img id='image' src='http://i.imgur.com/qqzaa4N.png'></a> <p id='text'>€ ".$row['total']."</p>";

我的剧本：

#image {
  position: absolute;
  margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 200px;
}
#text {
  z-index: 100;
  margin: auto;
  position: relative;
  color: white;
  font-size: 24px;
  font-weight: bold;
    left: 0;
    right: 0;
    top: 350px;
    bottom: 0;
}

Answer 1

您没有准确指定所需内容，但如果您想将文本放在图像上，请尝试编写下面的代码，不要忘记将42替换为您想要的值{{1} }。

row['total']

.container {
    position: relative;
    width: 50%;
}
.image-text{
  position: absolute;
  top: 20px;
  left: 80%;
}

Answer 2

您可以使用css。

<style>
.container {
position: relative;
border: 1px solid #DDDDDD;
width: 200px;
height: 200px;

}.tag {

position: absolute;
bottom:0;
right: 0;
width: 100px;
height: 50px;
border: 3px solid #73AD21;
}
 </style>

<div class="container">
<div class="tag">Featured</div>
<img src="yourimagesoucre">
</div>

Answer 3

改为写

echo '<img id="image" src="http://i.imgur.com/qqzaa4N.png"></a> <p id="text">€ '.$row['total'].'</p>';