html - 如何在 <li> 链接中放置 CSS 背景图像？

Question

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

感谢您的帮助!

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.*/
}

背景位置 根据 Godwin 的建议添加。请参阅this link有关其使用的详细信息。