2011-09-30 41 views
0

在这个网站上http://rwl.rwlwater.com/我有一个小问题...我添加了溢出:隐藏到特色的滑块div,图片显示堆叠如果JavaScript已启用或用户有一个缓慢的互联网连接..特色滑块的CSS溢出问题

但现在我有另一个问题..描述有一个东西放置在滑块外面,现在隐藏...如果我添加overflow-x:可见它添加滚动条,这不是我想。我希望描述是完全可见的,但溢出-y被隐藏。

如果你想看到完整的东西,只需使用Firebug并删除溢出:隐藏在滑块上,描述的东西会再次显示...如果添加溢出,它会隐藏。我需要没有任何滚动条。我尝试了overflow-x:visible和auto,但它只在底部添加了一个滚动条,并且这对我不起作用,我需要原始效果。

+0

“如果启用的JavaScript” - 你的意思是 “已禁用”,对不对? –

+0

是的,我的意思是“禁用” – FinalDestiny

+0

如果你不介意测量,你是如何获得滑块后面的阴影? –

回答

0

如果您只需要支持禁用JavaScript的浏览器需要overflow: hidden,那么您可以将规则保留在代码中,但在文档准备就绪后使用JavaScript将其重置为visible - 这样就不会影响JavaScript已启用的浏览器。

例子:

$(function() { 
    $('#slides').css('overflow', 'visible'); 
}); 
+0

不,这不是我想要的......因为即使对于慢速的互联网连接它们也显示堆叠,这不是什么我想要。即使加载页面需要一些时间,我也只想看到一张图片,就像现在一样,但描述完全可见。 – FinalDestiny

+0

你试过了吗?我认为我提出的解决方案实际上可能会解决缓慢的连接问题 - 我认为这是由加载的图像和JavaScript踢入并启用滑块功能之间的延迟引起的。有了这个解决方案,'overflow:hidden'将会有效,直到JS开始执行,所以它应该保持图像的顺序。 –