hlmod.hu
https://hlmod.hu/

[HTML5 / CSS] Görgetéskor buggol a háttér.
https://hlmod.hu/viewtopic.php?f=114&t=30304		 Oldal: 1 / 1
Szerző:  The Peace [ 2020.03.05. 17:51 ]
Hozzászólás témája:  [HTML5 / CSS] Görgetéskor buggol a háttér.
Üdvözletem!

Valaki aki tudna segíteni annak nagyon köszönöm, nos kérem a problémám a következő:

Beraktam 1 hátteret (tüzes háttér)
és ahogy tekerek lefele akkor így alul így bugzodik mintha visszaugrálna.. rengetek megoldást próbáltam CSS-be (De nem igen értek hozzá)
Ez 1 letöltött téma..


esetleg valaki tud segíteni?


CSS:


Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. /* Wrapper */
  2.  
  3.     #wrapper {
  4.         -moz-transition: opacity 0.5s ease;
  5.         -webkit-transition: opacity 0.5s ease;
  6.         transition: opacity 0.5s ease;
  7.         position: relative;
  8.         overflow: hidden;
  9.     }
  10.  
  11.         #wrapper > .bg {
  12.               background: url('../../images/bckg.jpg');
  13.                 background-attachment: fixed;
  14.                  
  15.             position: absolute;
  16.             top: 0;
  17.             left: 0;
  18.             width: 100%;
  19.             height: 100%;
  20.  
  21.      
  22.         }
  23.        
  24.  
  25.             #wrapper > .bg.fixed {
  26.                  
  27.                 position: fixed;
  28.                 width: 100vw;
  29.                 height: 100vh;
  30.             }
  31.  
  32.         #wrapper.fade-in:before {
  33.             pointer-events: none;
  34.             -moz-transition: opacity 1s ease-in-out;
  35.             -webkit-transition: opacity 1s ease-in-out;
  36.             -ms-transition: opacity 1s ease-in-out;
  37.             transition: opacity 1s ease-in-out;
  38.             -moz-transition-delay: 0.75s;
  39.             -webkit-transition-delay: 0.75s;
  40.             -ms-transition-delay: 0.75s;
  41.             transition-delay: 0.75s;
  42.              
  43.             content: '';
  44.             display: block;
  45.             height: 100%;
  46.             left: 0;
  47.             opacity: 0;
  48.             position: fixed;
  49.             top: 0;
  50.             width: 100%;
  51.         }
  52.  
  53.         body.is-preload #wrapper.fade-in:before {
  54.             opacity: 1;
  55.         }
  56.  
  57.         @media screen and (orientation: portrait) {
  58.  
  59.             #wrapper > .bg {
  60.                 background-size: auto,                              auto,                                                       auto 175%;
  61.             }
  62.  
  63.         }
GeSHi © Codebox Plus
Szerző:  DeteCT0R [ 2020.03.05. 18:45 ]
Hozzászólás témája:  Re: [HTML5 / CSS] Görgetéskor buggol a háttér.
Kód:
background-repeat: no-repeat;
  background-attachment: fixed;

Talan igy.
Szerző:  The Peace [ 2020.03.05. 18:59 ]
Hozzászólás témája:  Re: [HTML5 / CSS] Görgetéskor buggol a háttér.
DeteCT0R írta:
Kód:
background-repeat: no-repeat;
  background-attachment: fixed;

Talan igy.

Nem jó sajna


Ez a default:

Kód: [Egész kijelölése] [Mutatás/Eltüntetés]
  1. #wrapper > .bg {
  2.             position: absolute;
  3.             top: 0;
  4.             left: 0;
  5.             width: 100%;
  6.             height: 100%;
  7.            
  8.      
  9.  
  10.             background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bckg.jpg");
  11.      
  12.  
  13.  
  14.             background-size: auto,                              auto,                                                       100% auto;
  15.             background-position: center,                                center,                                                     top center;
  16.             background-repeat:  no-repeat,                              no-repeat,                                                  no-repeat;
  17.             background-attachment: fixed,                               fixed,                                                      fixed;
  18.         }
  19.        
  20.  
  21.             #wrapper > .bg.fixed {
  22.                 position: fixed;
  23.                 width: 100vw;
  24.                 height: 100vh;
  25.             }
GeSHi © Codebox Plus



De viszont így ha görgetelk lejjebb megy el a háttér egyre lejjebb :o
Szerző:  The Peace [ 2020.03.11. 10:20 ]
Hozzászólás témája:  Re: [HTML5 / CSS] Görgetéskor buggol a háttér.
Valaki találkozott már ezzel? :C
Oldal: 1 / 1 Minden időpont UTC+02:00 időzóna szerinti
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/