1

我正在尝试使背景滑块脚本工作，但它只是不工作。导航图标不是滑动的背景，而是以一种奇怪的方式滑动，即使我希望它们静止。起初我只是想从滑块导航中删除“1,2,3”，但现在滑块根本不起作用。

它的CSS代码是：

  #pictureSlider { }
  #pictureSlider div { height:100%; width:100%; position:absolute; z-index:-999; }

  /* NAVIGATION BOX */
  .navbox { width:150px; height:20px; position:absolute; left:0px; top:50px; }
  .navbox ul {position:absolute; right:10px; top:10px; }
  .navbox ul li { list-style: none; float: left; cursor:pointer; }
  .navbox ul li a { 
display:block; float:left; width:23px; height:25px; text-align:center;
background-image:url("../images/slide-circle-controls.png"); margin-left:5px;
text-decoration:none;
   }
  .navbox ul li a:hover { background-position:bottom; color:#000; } 

  .cam { }
  .clouds {  }
  .key { }

非常感谢！:)

4

1 回答 1

0

您可以将字体大小设置为 0px，某些浏览器接受该值，并且 1、2、3 值将不可见

您还可以将字体大小设置为 1px 并将颜色设置为黑色，这样按钮的黑色边框将隐藏数字

navbox ul li a { 
  display:block;
  float:left;
  width:23px;
  height:25px;
  text-align:center;
  background-image:url("../images/slide-circle-controls.png");
  margin-left:5px;
  text-decoration:none;
  font-size: 1px;
  color: #000;
}

但最好的办法是修改脚本以不放置索引值，检查 script.js 上的第 59 行：

.html(i)

用类似的东西替换它

.html('')

数字将消失

如果您的滑块在修改后不起作用，只需撤消这些修改：P

于 2012-11-02T04:35:05.190 回答