我是javascript / jquery的新手,但对于我的网页效果有这个奇妙的想法。让我解释布局升技。
我的网站包含在一个包装div中,它确保我的内容保持在1000px并且无论显示器的宽度如何(假设显示器大于1000px)都以屏幕为中心。此内容包含一个标题图像,目前用于显示彩色图像(1000x400px),显示网站/公司/等的标题。所以这个图像是内容容器的宽度。
我认为在图像上设置公司名称而不是在图像上从左到右,从右到左滚动会很酷。这可以通过jquery和animate()函数(或接近它的函数)来完成。问题是,一旦网站标题滚动到网页的一个极端,它将溢出1000x400px图像并在内容容器之外 - 因此进入包装区域,这只是一个灰色背景。
我的问题是我无法概念化隐藏背景包装器后面的滚动文本(由非常高的z-index表示)的方法(这是一个简单的背景,因此可能是最低的索引)。我只希望可以看到1000px宽内容容器上的滚动文本部分。任何人都知道如何隐藏包装背景上的内容?我想可能重新创建包装器背景,其中一些div由内容容器的存在分隔;这个div可能具有最高的z-index,因此它会隐藏它叠加的任何东西。是否有更好/更简单的方法来实现它?
如果我没有意义,请告诉我。)
专利
答案 0 :(得分:0)
也许我在这里遗漏了一些东西,但是;
如果滚动文字是包装div 的子,那么所有需要做的就是应用样式 overflow:hidden; 到包装器div 。