• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z ustawieniem warstw

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
284 wizyt
pytanie zadane 4 czerwca 2015 w HTML i CSS przez Arjen Użytkownik (860 p.)
otwarte ponownie 5 czerwca 2015 przez Arjen

Witam, zacząłem pisać stronę gdzie chce zrobić na pierwszym planie obrazek + menu, a za plecami odtwarzający się film. Mój problem polega na tym, że jak wstawiłem film i samo menu to wyświetlało się to prawidłowo (menu nad video) dopiero w momencie gdzie w cssie dla menu dałem z-index: 1, a dla video z-index: -10 lub mniejszy. W momencie kiedy chce dodać do tego obrazek, żadna wartość nie jest wstanie ustawić go na pierwszym planie. Próbowałem usunąć wszystko związane z video i wtedy wstawić obrazek i to działało, ale do momentu kiedy ponownie próbowałem dodać odtwarzacz. Z góry dzieuje za pomoc.

Dodaje kod z cssa:
http://pastebin.com/ywM07rLs

oraz z htmla:
http://pastebin.com/5phDhyYT

REDAKTOR: Zmieniłem kategorię z C C++ na HTML i CSS.

2 odpowiedzi

+1 głos
odpowiedź 4 czerwca 2015 przez Comandeer Guru (606,120 p.)
Serio? Kod jako screen? Jak mam to przetestować - przepisać sobie z obrazka? :|

Najlepiej pokaż to online - w wersji z niedziałającym obrazkiem. A jak już nie, to przynajmniej wstaw kod jako kod.
komentarz 4 czerwca 2015 przez Arjen Użytkownik (860 p.)
Zmieniłem już linki w głównym wątku.
komentarz 5 czerwca 2015 przez Comandeer Guru (606,120 p.)
komentarz 8 czerwca 2015 przez chris Gaduła (3,680 p.)
Dla tekstu wykorzystaj animacje koloru.
Do zwykłej klasy dodaj
transition: all 0.3s ease;

a do klasy z :hover
zostaw jak jest.
0 głosów
odpowiedź 9 czerwca 2015 przez NeroTestero Gaduła (3,240 p.)

Żeby twoje video działało na każdej nowej przeglądarce wideo musisz dodać film w kilku formatach poczytaj http://www.w3schools.com/tags/tag_video.asp np. mp4 i ogv

Przykład:

<video>
	<source src="film.mp4" type="video/mp4">
	<source src="film.ogv" type="video/ogg">
	<img src="film.jpg" alt=""> Tekst alternatywny ze zdjęciem dla nie wspierających przeglądarek (pewnie IE).
</video>

 

Podobne pytania

+1 głos
2 odpowiedzi 632 wizyt
0 głosów
2 odpowiedzi 286 wizyt
pytanie zadane 2 lipca 2017 w Rozwój zawodowy, nauka, praca przez jjanek Użytkownik (630 p.)
0 głosów
1 odpowiedź 320 wizyt
pytanie zadane 15 października 2016 w HTML i CSS przez mareczek87 Początkujący (250 p.)

93,109 zapytań

142,088 odpowiedzi

321,611 komentarzy

62,450 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...