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了