Question

According to this answer的样式，我应该可以按如下方式设置锚点标记的样式。

<a href="@Url.Action("Index", "Home")" 
   style="background: no-repeat url(../../Images/Logo.png) 0 0"></a>

但是，我注意到它没有按预期工作，因为图像没有出现在屏幕上。但是，如果我在里面创建一个图像标签，它就会。

<a href="@Url.Action("Index", "Home")">
  <img src="../../Images/Logo.png" />
</a>

我更喜欢使用第二种方法，但我担心它是老式的，今天建议使用样式来添加图像而不是标记。所以，我自然希望接受新的方式。

我做错了什么？

Answer 1

您需要将样式设置为sgn * Math.pow(16, exp) * (mant / Math.pow(2, 24)并为其设置display: block;和width。

示例：

height

希望这有帮助

Answer 2

确保您的<a>代码的样式足以显示图像。默认情况下，此标记显示为内嵌，并且您在<a>和</a>标记之间未提供任何内容，因此浏览器根本不会为此元素分配任何屏幕空间。

我建议在内联样式属性中添加一些规则（说实话，样式表更好）： -

<a href="@Url.Action("Index", "Home")" style="
   background: no-repeat url(../../Images/Logo.png) 0 0; 
   display: inline-block; 
   width: 30px; 
   height: 20px"></a>

只需将30px和20px替换为图像的实际尺寸。

无法设置锚点<a> with an image

2 个答案: