删除背景 div 上的水平滚动条

Question

我正在使用 Supersized jquery 插件来创建背景图像和文本的幻灯片放映。我的问题是我需要我的图像有一组 1200 像素。创建我想要的外观没有问题，但是，我不知道如何删除水平滚动条。

这是我正在开发的网站：http://atriaseniorliving.com/roslyntest/

这是css：

#supersized {  
  display:block; 
  position:absolute; 
  left:50%; 
  top:38px; 
  margin-left:-600px; 
  overflow-x:hidden; 
  z-index:-999; 
  height:472px; 
  width:1200px; 
}

#supersized li {
  display: block;
  height: 472px;
  left: 0;
  list-style: none outside none;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -30;
}

我想出如何删除滚动条的唯一方法是设置宽度：100%，然后添加一个最大宽度：1200px。但是，当我这样做时，背景图像会在您减小浏览器宽度时向左滑动。

任何帮助将不胜感激。

Answer 1

好的，我相信我找到了解决方案。我需要在#supersized ul 周围添加一个容器 div 并将其设置为溢出：隐藏。