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

Question

我正在使用Supersized jquery插件来创建背景图像和文本的幻灯片。我的问题是我需要我的图像有一个1200px的集合。我没有问题创建我想要的外观，但是，我无法想象如何删除水平滚动条。

以下是我正在处理的网站：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并将其设置为overflow：hidden。