资源中的图像在特定注释后未显示

Question

在我目前的项目中，我想在里面添加一些评论，我有更好的定位。

在我的观点（Index.cshtml）中，我有这样的代码。

Working 

<div><img style="width:25px; height:25px; margin-top:5px" src="~/Resources/add.png" /></div>
<!----------------------------->
<!--  Starting of new Block  -->
<!----------------------------->
Not Working!?

<div><img style="width:25px; height:25px; margin-top:5px" src="~/Resources/add.png" /></div>

不幸的是，评论块之后的图片不再起作用了...... 看到这个。

Click here for image

这是页面的源代码

Working 

<div><img style="width:25px; height:25px; margin-top:5px" src="/Resources/add.png" /></div>
<!----------------------------->
<!--  Starting of new Block  -->
<!----------------------------->
Not Working!?

<div><img style="width:25px; height:25px; margin-top:5px" src="~/Resources/add.png" /></div>

正如你所看到的那样，工作图像中的倾斜〜缺失，而在我的第二张图像中，它仍然存在......

这是一个错误还是“功能”？当我将评论更改为不同的评论时，它会起作用，但我很好奇为什么会发生这种情况......