2011-03-08 55 views
0

我的网站使用超大尺寸,所以我的背景永远不会'静态';例如:当您调整浏览器窗口大小时,背景图片也会自动调整大小,因此网站左上角的背景略有不同。请看下面的截图:逻辑xhtml/css设计

当前布局

current http://cl.ly/0l2p3P3I432D1C1t0P3K/content

当前问题

current problem http://cl.ly/2N1d032Z2G3Q2H04462V/content

解决方案,我心目中将在接下来的文章,因为我不能发布超过2个超链接。

所以,事情是..当我向下滚动时,内容(照片)向上移动,重叠徽标和flickr徽章。有一个简单的解决方案:覆盖另一个绝对或固定的div,其Z-index低于徽标且高于照片的纯色。所以,如果你向下滚动,图片将消失在固定格下面。然而,这是不可能的,因为我没有固定的背景,正如我之前解释的(超大)。

+0

解决方案我记住:[链接](http://cl.ly/1C0n431528124304240x/content) – Mathijs 2011-03-08 18:34:02

+0

您是否需要使用背景图片?如果你只是将图片粘贴在div标签中怎么办? – therin 2011-03-08 18:42:16

+0

你是什么意思?全屏缩放背景图像(超大)? – Mathijs 2011-03-08 18:44:30

回答

0

你可以做什么(但我猜它不完全是你想要的)是使用jquery的完整背景图像,创建一个顶部边距和固定高度和宽度的图层,并使用溢出来使该图层可滚动。现在,如果向下滚动内容,则只会在此图层内移动。唯一的问题:滚动条将位于图片的右侧。

+0

你是对的,那不是我想要的,但我感谢你的想法!该死的,这个难题比我想象的要难得多.. – Mathijs 2011-03-08 19:30:36