2014-02-11 40 views
0

我實際上是爲我的公司製作一個小型網站,但我不擅長HTML。當我們碰到它時移動背景圖片

我在背景中放置圖像。 但我想要一些特別的想法。

當某人正在閱讀網站並下去時,圖像不會移動。 但是,當我們擊中此圖像背景的結尾時,圖像的背景會跟隨用戶向下。

我知道使它固定的代碼,並使其跟隨。

但我不知道如何

IMG go Fixe; 
IF (End of IMG) {IMG go Follow;}. 

回答

0

如果我正確理解你的問題,你想要的圖像的背景下,有文本在它和與頁面滾動/移動。當用戶向下滾動。如果這是你所問的,並且請糾正我,如果我錯了,那麼一些CSS將會訣竅!

由於您是HTML新手,我會假設您不知道CSS,但您知道HTML。因此,請在與您的網頁相同的文件夾內創建一個名爲'stylesheet.css'的新文件。在你的HTML的head標籤之間,添加以下代碼行:

<link rel="stylesheet" type="text/css" href="stylesheet.css"> 

現在,在你的HTML的身體,把裏面的圖片,並給它的「背景」的ID。通過寫作這樣做:

<div id="background"> 
    <code for image> 
</div> 

現在打開你的.css文件,並添加以下代碼:

#background{ 
    opacity: 0.7; 
    position:fixed; 
} 

Opacity屬性可以確保人們可以看到在它前面的文字,且位置屬性將它錨定到瀏覽器窗口上的某個位置。

爲了將來的參考,W3Schools.com是一個偉大的網站初學者的網絡程序員。

希望我幫忙,賈斯汀

+0

不是很好,但謝謝你幫助我。 我的問題是本地化到「背景附件」,但謝謝你,現在我知道如何使用CSS到HTML。 我正在尋找一個「background-attachment:scroll」,當我們擊中背景圖像的末尾時,它變成了「background-attachment:fixe」。 – user3114471