css - 如何通过重新格式化输出不断从 img 更改为 anchor 和 div 背景

Question

我已经将一个图像从一个 div 内部移动到该 div 的背景中，以便使用不同的 CSS 文件我可以显示不同的图像。我遇到的问题是，只需在 div 周围添加一个 anchor ，格式就会被丢弃。

这是我得到的:

<div class="logoWrap">
<a href="\">
  <img src="@Html.SvccCdnPreAppend("/Images/silicon-valley-code-camp.png")" class="border-None"></a>
 </div>

#header .logoInfoBar .logoWrap {
  padding: 6px 10px 0;
  text-align: center;
}

这是我尝试将其更改为的内容。如果我不添加 anchor ，那么格式是正确的。我不明白添加 anchor 标记会如何影响格式。

 <a href="/"><div class="logoWrap"></div></a>

#header .logoInfoBar .logoWrap {
  background-image: url(/Images/silicon-valley-code-camp.png);
  width: 350px;
  height: 57px;
  background-repeat: no-repeat;*/
  padding: 6px 10px 0;
  text-align: center;
}

Answer 1

当你尝试类似的东西时会发生什么

<a href="/" class="logoWrap"></a>

?