javascript - Internet Explorer 7 的 CSS 翻转问题

Question

我在 HTML 代码中编写了一些 CSS 来创建滚动按钮。然后我尝试用 IE 7 运行它并惊喜!它不运行。事实上，它同时显示了按钮和基础翻转。我怎样才能解决 IE 无法缓存背景图像的问题？最好使用 CSS，但“将”尝试使用 javascript。

示例 CSS:

 #Menu 
 { 
    width: 100%; 
    height: 32px; 
    margin-top: 93px;
    padding-left: 13px;
}


 #Menu a 
{ 
    height: 32px; 
    line-height: 32px; 
    width: 123px; 
    background: url("img/menu.png") top left no-repeat; 
    background-position: -123px 0; 
    float: left; 
    margin-left: 3px; 
    text-decoration: none; 
    color: #1e1e1d; 
    font-size: 12px; 
    text-align: center; 
}

 #Top #Menu a:hover, #Top #Menu a.active 
{ 
    background-position: 0px 0; 
    text-decoration: underline;
}

Answer 1

好吧，首先你给出了相互矛盾的指令......

background: url("img/menu.png") top left no-repeat;
background-position: -123px 0;

...背景已经使用速记定位。

我假设您的常规状态和悬停状态都共享相同的图像，那么为什么不使用速记呢？删除...

background-position: -123px 0;

... 对于您的悬停和事件状态，请使用 ...

background-position: bottom left;

然后将您的两种状态都放在一张图片中，一张在另一张下方(我假设这就是您一直在尝试的方式)。