Problem z ustawieniem warstw

Question

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.

Answer 1

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.

Comments

Zmieniłem już linki w głównym wątku.

---

Hm… http://jsfiddle.net/Comandeer/o59146pd/ → działa

---

Dla tekstu wykorzystaj animacje koloru.
Do zwykłej klasy dodaj
transition: all 0.3s ease;

a do klasy z :hover
zostaw jak jest.

Answer 2

Ż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>