CSS <li>背景图像位置问题

Gle*_*enn 1 css background alignment

http://www.goodshow.tv我遇到了导航问题.我有一个放置箭头图像的类,它应该与白色边框的右边缘对齐.问题是,它的位置在文本的左侧.是否有更绝对的方式来定位它?

Mat*_*ell 5

我不确定你究竟是什么意思,但如果你从<a>和.currentpage中删除背景并将以下内容放在<li>上,你会得到更接近你想要的东西.如果不是,请重申你想要的东西:-)

background: transparent url(http://www.goodshow.tv/images/nav_arrow.png) no-repeat scroll 95% 50%
Run Code Online (Sandbox Code Playgroud)

我可能会在<li>上做这件事但是:

background: transparent url(http://www.goodshow.tv/images/nav_arrow.png) no-repeat scroll 100% 50%
padding:8px 20px 7px 0;
Run Code Online (Sandbox Code Playgroud)

即将背景固定到右边缘并调整右边距.

您可能希望使用箭头的大小或文本的行高来进行垂直对齐.对于我来说,55%看起来好于垂直的50%,我认为这可能是一个黑客只是调整这个数字.