asp.net - ASP 中带有数字的动态购物车图标图像

Question

我已经看过无数次了，但我是一名前端人员，编写 ASP（我们有一个 .Net/Modified MS StoreFront 设置）不是我的强项。我想创建一个购物车图标/图像，其中动态显示图像中的篮子中有多少物品。这些将显示在购物车图标上方的一个红色小气泡中。如果篮子里没有物品，红色气泡甚至不会显示。我只是不确定如何完成它。提前感谢您的任何建议！

对于基本文本返回，数据库调用是：

((!NUM_CART_ITEMS!))

Answer 1

您必须在图像上进行文本定位，如以下链接中所述：

使用 CSS 位置属性在图像上放置文本

例如。

<div><img src="YOUR-IMAGE-URL" /></div>
<div style="position: absolute; left: 20px; top: 160px;">
PUT-TEXT-NEED-TO-BE-DISPLAYED-ON-IMAGE
</div>

根据您的需要修改样式属性。您可以根据需要使用绝对或相对定位。