Как сделать фиксированный фон из обычного DIV

#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 в моем случае, спасибо