2013-08-27 53 views
0

我使用的是Dreamweaver CS4,我需要更改网站以便背景自动缩放。我不想使用重复的背景(因为这个特定的背景不会很好地重复),然后漂浮身体,但宁愿整个网站根据用户浏览器窗口自动缩放。如何让网站根据用户的浏览器窗口自动缩放

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

我做这样的全屏网页我不喜欢其他的全屏网页,但我们没有摄影或图形来支持这个概念在这一点上。我如何在没有滑块的情况下做到这一点?感谢您的帮助。我尝试了所有我能想到的并且在这一点上找到的东西,但是由于我没有得到任何答案,我认为我必须错误地说出我的问题。

+0

请更新您的文章并添加您尝试过的内容。 –

回答

0

您链接到将使用称为视差的作用位点滚动,见例如http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

这听起来像你刚刚开始编码,并会很好地研究一些基本的CSS教程,请参阅http://www.w3schools.com/无论您是使用Dreamweaver还是其他任何软件,编写代码的过程都是一样的。忽略可视化编辑器和其他Dreamweaver b/s - 你必须最终学习代码,并且在任何情况下都比在Dreamweaver中进行黑客攻击更快。

从你的问题中不清楚你想要完成什么,但像宽度的CSS属性:100%将帮助你。

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

为了让它驻留在后台,使用CSS属性z-index:-99999999 - 其他的东西会出现在它的前面。如果您不希望页面滚动时滚动查看,请使用CSS属性:fixed。

或者,我刚刚在回复帖子时发现了一些内容,您可以将背景大小设置为背景图片的属性 - 它的实现方式与上述解决方法非常相似。我从来没有尝试过,但听起来像它会工作(虽然也许检查浏览器的支持?)。

希望这会有所帮助。再次,使用w3schools让你的头部绕过CSS,尽快离开Dreamweaver并进入Sublime Text 3之类的东西!

相关问题