2013-08-27 52 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之類的東西!

相關問題