html - 如何在 链接中定位 CSS 背景图片？

Question

我正在使用左浮动无序列表为网站创建导航，并且正在寻找一种将图像定位在当前事件页面链接下方的方法。我假设这可以通过 CSS background-image 属性以某种方式完成。

感谢您的帮助!

Answer 1

可能最好的方法是在事件链接上设置一个等于 active 的 class。这可以硬编码，也可以使用服务器端代码动态添加。

HTML:

<ul id="nav">
   <li>Link</li>
   <li class="active">Link</li>
   <li>Link</li>
   <li>Link</li>
</ul>

CSS:

#nav .active {
   background-image:url('YourImage.png');
   background-position:50% 50%; /*Adjust as needed. Also accepts pixel values.*/
}

Background-position 根据 Godwin 的建议添加。参见 this link有关其使用的详细信息。