0

我正在使用 Dreamweaver CS4,我需要更改站点以便背景自动缩放。我不想使用重复的背景(因为这个特定的背景不能很好地重复)然后将主体浮动在上面,而是希望整个站点根据用户浏览器窗口自动缩放。

我喜欢的例子: http ://www.150-jahre-geze.de/150.html?no_cache=1

我确实喜欢这个全屏页面 我确实喜欢其他全屏页面,但我们目前没有照片或图形来支持这个概念。没有滑块我该怎么做?谢谢您的帮助。在这一点上,我已经尝试了所有我能想到和找到的东西,但我认为我的问题必须是错误的,因为我没有得到任何答案。

4

2 回答 2

0

您正在寻找的是响应式背景图像....不幸的是,这并不容易,但结帐

div全宽的响应式背景图像

响应式 css 背景图像

于 2013-08-27T20:23:39.230 回答
0

您链接到的站点正在使用称为视差滚动的效果,请参见例如http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

听起来您刚刚开始编码,最好查看一些基本的 CSS 教程,例如http://www.w3schools.com/无论您使用的是 Dreamweaver 还是其他任何东西,编写代码的过程都是会是一样的。忽略可视化编辑器和其他 Dreamweaver b/s - 您最终必须学习代码,而且无论如何它都比在 Dreamweaver 中乱搞要快。

从您的问题中不清楚您到底想要完成什么,但是像 width:100% 这样的 CSS 属性会帮助您。

我猜您正在尝试制作随窗口缩放的全屏背景图像;在这种情况下,我要做的是将图像设置为不作为 body 标签的背景,而只是作为 div 中的图像,然后将图像的最小宽度和最小高度设置为 100%,设置将 div 的高度和宽度设置为 100%(这将填充浏览器,假设 div 不在任何其他包装类型的 div 内)。

要让它驻留在后台,请使用 CSS 属性 z-index: -99999999 - 然后其他内容将出现在它的前面。如果您不希望它在页面滚动时滚动到视图之外,请使用 CSS 属性 postioned:fixed。

或者,我刚刚在回答您的帖子时发现了一些东西,您可能可以将 background-size:cover 设置为背景图像的属性 - 它的效果与我上面的解决方法大致相同。我从未尝试过,但听起来它会起作用(尽管可能检查浏览器支持?)。

希望这可以帮助。再次,使用 w3schools 了解 CSS 并尽快离开 Dreamweaver 并使用 Sublime Text 3 之类的东西!

于 2013-08-27T20:43:02.577 回答