css overflow属性

 overflow:visible|auto|hidden|scroll

 

visible：不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效auto：此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条hidden：不显示超过对象尺寸的内容scroll：总是显示滚动条

 

 <div class="home_main">
        <div class="home_contwrap">
            <div class="banner">
             <div class="interaction" id="1interaction">
             <a class="interaction_join" href="Start.aspx"></a>
            </div>
          </div>
          <div class="banner">
            <div class="visual" id="1visual">
              <a class="visual_join" href="Start.aspx"></a>
            </div>
           </div>
       </div>
  </div>

 

图片轮滑效果出现的问题：

home_contwrap给定了宽度，在body用overflow-x：hidden，在FF和搜狗、safari等浏览器隐藏了不显示滚动条

但在遨游、IE6、IE7显示滚动条没有隐藏

解决方法：在body中加上position: relative; 就OK了