2013-09-24 63 views
0

我目前在學習HTML/CSS/JAVASCRIPT。我正在努力尋找具體的定位,並想知道是否有人可以提供幫助。我在下面的頭文件(html和css)中有一個固定的背景圖片。HTML/CSS的臉譜網鏈接

HTML

<header> 
    <h1>GEORGES BAR & GRILL</h1> 
    <div> 
     <section id="intro" /> 
     <img src="/Users/stewartlight/Documents/Stews_Stuff/Uni/SP3/GBAG/Images/restaurant_1.jpg" /> 
     </section> 
    </div> 
</header> 

CSS

#intro img { 
    position: relative; 
    top: 0; 
    right: 0; 
    width: 960px; 
    height: 500px; 
} 

我想補充的Facebook「和」Twitter的圖片鏈接。我正在努力讓鏈接坐在背景和位置上右。如果任何人可以協助,我將不勝感激。

+1

在jsFiddle上獲得了一個鏈接? – Lance

+0

http://jsfiddle.net/stewart1290/TZLRg/ – user2810792

+0

http://jsfiddle.net/stewart1290/TZLRg/embedded/result/ – user2810792

回答

0

你想要的圖像的位置是"position:absolute;",你想包含div有一個"position:relative;"這就是絕對定位完成。你必須聲明你正在定位它的相對位置,然後設置你對絕對位置的要求"position:absolute;"