фон 2 будет прокручиваться при увеличении - PullRequest
Новая
       3

фон 2 будет прокручиваться при увеличении

0 голосов
/ 18 июня 2020

enter image description here

при увеличении масштаба будет прокручиваться фон 2 вниз, но я не хочу этого. Я хочу, чтобы элементы bg2-3 и bg2-4 находились в следующей позиции: bg2-3 слева вверху, bg2-4 справа внизу, и они должны оставаться на своих местах при увеличении или уменьшении масштаба. и я хочу, чтобы bg2 не прокручивался при масштабировании 


   #bg2{
    background-image: url("https://i.pinimg.com/originals/d9/4a/72/d94a7240e76cc5fa68fd2b9733e5b106.jpg") ;
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    margin-top:  auto;
    margin-left: auto;
    display: block ;
    margin-left: -8px;
    overflow : auto;


}





/*noch nicht fertig reposotiv - -   the position must to centred*/
#bg2-3{

    background-image:url("https://lh3.googleusercontent.com/proxy/Zu0dOlj9XlG-X51YGJ1jr8MtCP5BgOFtf_2LE0jo69kq7INRYAKVSzQeTd9aBWh3MCffj6Wmj0l5Bw8CEwyB8eFGJzPfmiN9_M6jS3t6J-is34Md2jOcHE8YjCcZGw");
    background-repeat: no-repeat;
    background-position:  ;



   background-color: rgb(235, 215, 183); 
    border:2px solid #000 ;

      width: 800px  ;
      height:280px  ;

      padding: 7mm ;
      display: inline-flex;
      border-radius: 10mm;
      background-position-x: center;
      background-position:  right;


}
/*noch nicht fertig reposotiv, the position must to centred*/
#bg2-4{

    background-color:  rgb(252, 241, 221);
    background-size: 300px 200px;
    border:2px solid #000;
    width: 800px;
    height:200px;
    border-radius: 10mm;
    position:    -webkit-sticky;  
    padding: 7mm;

    top: 50%;
    left: 50%;
}

       <div id="bg2">

                <div id="bg2-3" class="bg2-3I">  <h2 style="font-style:italic; font-size: medium;"> <p>EIN PLATZ FÜR GENIESSER</p><br> Liebes Bisschen steht für feine Kaffeespezialitäten, täglich frisch<br> gebackenen Kuchen und Frühstück, das keine Wünsche offen lässt.<br>Aber auch leckere Snacks und raffinierte, täglich wechselnde warme<br>Gerichte warten auf Euch! Alles übrigens auch zum Mitnehmen.<br>Bei uns ist jeder willkommen und soll sich wohlfühlen.<br>Bioliebhaber kommen genauso auf ihre Kosten  wie Vegetarier<br>und Veganer – Ihr könnt aber auch ganz einfach auf ein Bier oder<br>einen Cocktail vorbeikommen und auf unserer großflächigen Terrasse<br>chillen – ein bisschen was für jeden eben!</h2></div>

               <div id="bg2-4"><h2 style="font-style:italic; font-size: medium;"><p>FRISCH UND LECKER MUSS ES SEIN</p><br>Ob vegetarisch, vegan, Fisch oder Fleisch – vor allem frisch und von hoher Qualität muss es sein.<br>Und möglichst regional, biologisch und nachhaltig produziert werden. Wir möchten genau wissen,<br>wer unsere Zulieferer sind und wie diese produzieren. Wir arbeiten u.a. mit Fritz Kola und der Kräuterland Baden-Württemberg e.V. zusammen.</h2><b>Die aktuelle Wochenkarte könnt Ihr auf Facebook ansehen » </b> <a href="https://www.facebook.com/LiebesBisschenFreiburg" target="_blank" class="fa fa-facebook"></a></div>


      </div>
...