html - HTML / CSS 脸书链接

Question

我目前正在学习 HTML/CSS/JAVASCRIPT。我正在为具体定位而苦苦挣扎，想知道是否有人可以提供帮助。我在下面的标题（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”图片链接。我正在努力让链接坐在背景上并位于右上角。如果有人可以提供帮助，我将不胜感激。

Answer 1

您希望图像的位置是，"position:absolute;"并且您希望包含的 div 具有"position:relative;"绝对定位的完成方式。您必须声明您将其相对于什么定位，然后将您的绝对定位设置为"position:absolute;"