#html #css
Вопрос:
мы все знаем css background-вложение: исправлено; но у меня есть DIV с логотипом класса в качестве фона и наложением над ним, и я хотел бы, чтобы DIV с логотипом вел себя так же, как IMG с фоновым вложением: исправлено. Возможно ли это вообще? Спасибо вам 🙂
<section class="s2">
<div class="logo">
<h1 class="logom">M</h1>
<h1 class="logov">V</h1>
</div>
<div class="overlay">
<div class="over over1">
<img src="img/ops.jpg" alt="example">
<p>Example</p>
</div>
<div class="over over2"></div>
<div class="over over3">
<p>Example</p>
<img src="img/ops.jpg" alt="example">
</div>
<div class="over over4"></div>
<div class="over over5">
<img src="img/ops.jpg" alt="example">
<p>Example</p>
</div>
</div>
Ответ №1:
Вы можете использовать
.logo{ position:absolute}
если вы хотите, чтобы логотип был исправлен ;
*также вы можете использовать flexbox, это может дать вам больше возможностей на месте логотипа : если вы хотите, чтобы он был в начале, в середине или в конце
.logo{
display:flex;
justify-contient:flex-start/* you can use also flex-end to put the logo on the end or center to be at the center of this div*/}
Комментарии:
1. да, я пробовал фиксированный и абсолютный, так что это исправлено в связи с z-индексом: -1 в моем случае, спасибо