joomla - 点击后 CSS Sprites 在移动设备和平板电脑上消失

Question

我创建了一个漂亮的 joomla 网站，其精灵导航在 pc 上运行良好，但在移动设备和平板电脑上存在一些问题：在我“触摸”链接后，背景图像消失......我该如何解决这个问题？

请参阅http://www.kartika.eu/index.php?option=com_content&view=category&layout=blog&id=15&Itemid=239&lang=en

这是我的 CSS 示例：

#brands_menu   {
  margin: auto;
}
.tab td {
  display: inline-block;
  height: 153px;
  width: 153px;
  border: none;
}
a.license1:link {
  display:block;
  width:153px;
  height:153px;
  text-indent:-9999px;
  background:url(../images/sprite.png) 0px 0px no-repeat;
  float: left;
  border: none;
}
a.license1:hover {
  display:block;
  width:153px;
  height:153px;
  text-indent:-9999px;
  background:url(../images/sprite.png) 0px -153px no-repeat;
  float: left;
  border: none;

}

Answer 1

我自己修！我只需将此代码添加到我的 css 中即可解决问题

a.license1 {
  display:block;
  width:153px;
  height:153px;
  text-indent:-9999px;
  background:url(../images/sprite.png) 0px 0px no-repeat;
  float: left;
  border: none;
}

它并不完美，但它有效