Buggy CSS Transitions when video element not present ?

[georgearnall]

Hi I am in the process of developing my website. Please understand it is work in progress.

I have a menu bar which when scrolled, will stick to the top and a background will fade in and a border will slide out.

Here is a screenshot of an example of what it does.

What makes this even more strange is that when there is a video element present it does not do this. You can even try deleting the video element from this page and then it starts doing it. (Located in < header>, < div class=”feature-content”>, < video> )

I have never seen this before with a CSS transition.

Does anyone have any ideas ?
Thanks :)

[Paulie_D]

Wait… isn’t there a thread on this already?

Link

[georgearnall]

I don’t remember posting this… Only just noticed this. Weird.

Anyway feel free to delete it.

For the record I realised that the problem was z-index: -1

[Author]

Posts