CSS精灵菜单未显示正确的背景

CSS精灵菜单未显示正确的背景,css,menu,background-image,Css,Menu,Background Image,我是CSS精灵菜单的新手,所以请容忍我是的,我已经到处寻找答案了。我正在一个小型/简单的移动网站上工作。我的主菜单都在索引页上列出了。现在我在第一个子页面上。我只想要一个主页和一个后退按钮。我的问题是我选择了新的sprite背景,但它仍然希望使用索引页中的另一个,特别是Home按钮。我做错了什么。我知道这很简单,但我没有主意。这是我的密码: 保险商实验室{ 位置:相对位置; 宽度:148px; 高度:44px; } 李{ 显示:块; } 李子目a{ 背景图片:urlcss/sub-menu.j

我是CSS精灵菜单的新手,所以请容忍我是的,我已经到处寻找答案了。我正在一个小型/简单的移动网站上工作。我的主菜单都在索引页上列出了。现在我在第一个子页面上。我只想要一个主页和一个后退按钮。我的问题是我选择了新的sprite背景,但它仍然希望使用索引页中的另一个,特别是Home按钮。我做错了什么。我知道这很简单,但我没有主意。这是我的密码:

保险商实验室{ 位置:相对位置; 宽度:148px; 高度:44px; } 李{ 显示:块; } 李子目a{ 背景图片:urlcss/sub-menu.jpg; 显示:块; 宽度:148px; 高度:44px; 背景重复:无重复; 浮动:左; } 李:回来{ 背景图片:urlcss/sub-menu.jpg; 显示:块; 宽度:148px; 高度:44px; 背景重复:无重复; 浮动:对; } 欢迎来到TCDF移动 我们努力为您提供关于蒂斯莫尼戈县及其优势的最佳信息。如果您想获得更详细的信息,请访问我们的网站


您在元素上添加了类名,因此您的目标是CSS中的

更改css选择器或在元素上移动类名

li  a.subhome {
    background-image: url(css/sub-menu.jpg);
    display: block;
    width: 148px;
    height: 44px;
    background-repeat: no-repeat;
    float: left;
}

li  a.back {
    background-image: url(css/sub-menu.jpg);
    display: block;
    width: 148px;
    height: 44px;
    background-repeat: no-repeat;
    float: right;
}

由于两幅图像都使用一个精灵,因此需要指定应显示图像的哪一部分。这是通过“背景位置”属性完成的

例如背景位置:-32px-12px;。您需要使用这些值来找到正确的图像部分,因为它取决于精灵的外观


谢谢你们两位!嘘,连我都应该知道我的选择器放错地方了。我想我看得太久了。再加上一些bg.pos。调整,现在一切都已修复,但我相信我会回来的。再次感谢!