В настоящее время я изучаю 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". Я изо всех сил пытаюсь заставить ссылки сидеть на заднем плане и позиционировать в верхнем правом углу. Если кто-то может помочь, я буду очень благодарен.
Вы хотите, чтобы положение изображений было "position:absolute;"
и вы хотите, чтобы содержащий div имел "position:relative;"
это то, как осуществляется абсолютное позиционирование. Вы должны объявить, что вы позиционируете его относительно, а затем установите то, что вы позиционируете абсолютно для "position:absolute;"