Niepożądana przezroczystość contact form [js/css]

Question

Mamy pytanie mianowicie jaka może być przyczyna przezroczystości formularza , który wyskakuje po kliknięciu na odnośnik CONTACT dodam ze probowalem opacity szukalem patrzyłem i nie mogę się doszukać zapewne jest to coś bardzo banalnego . Formularz podłączyłem js'em pod przycisk .

 

Answer 1

wstaw na codepen albo podaj kod

Comments

trochę się powywalało ale główny problem jest widoczny po kliknięciu na contact

https://codepen.io/anon/pen/pWvbwO

---

klasa .social ma opacity: 0.5 tutaj leży problem

---

Dzięki wielkie pewnie bez Ciebie szukałbym tego jeszcze dobre parę godzin :) 

---

Nie ma problemu :)

---

Nie chcę już robić nowego tematu a mam kolejne pytanie .

mam ten formularz otwierany przez skrypt . Jak mogę zablokować możliwość przewijania strony podczas gdy jest on otwarty . Pewnie coś z overflow hidden 

---

np podczas otwierania modala dodać klasę do body z overflow:hidden

btn.onclick = function() {
  modal.style.display = "block";
  document.getElementById('body').classList.add('overflow');
};

a w css

overflow:hidden;

 

---

Dzięki za odpowiedź jestem zerem w js wiec zadam jeszcze jedno ostatnie pytanie i mam nadzieję ze ktoś się skusi :) 

zrobiłem tak jak poleciłeś wyżej tylko teraz żeby wrócić do punktu wyjścia po kliknięciu w "x" albo w dowolne miejsce za formularzem chciałbym wrócić do normalnego overflow wiec wykombinowałem coś takiego ale nie działa :/ 
 

      documen.getElementById('body').classList.remove('overflow');

 

/ już doszedłem do odpowiedzi a zrobiłem to tak : /

body.style.overflow ="auto";

 

---

no ale lepiej byloby usuwać klasę tak jak napisałeś to wcześniej przy kliknięciu w zamknięcie modala :) tak też działa ale "ładniej" jest poprzez dodawanie/zmienianie, usuwanie klas ;)