ios - z-index not working on iPad -


the z-index #navcontainer works fine on desktop, not on ipad, solutions?

here's link project http://www.lunacarpentry.com/peachietouch/index.html

below code #navcontainer

width: 27%; position: absolute; z-index: 10; top: 4.5em; left: 36.55%; padding-bottom: 14em; -webkit-transition: 0.5s ease-in-out;     transition: 0.5s ease-in-out; 

it might way ipad's safari processing z-index. explain simply, z-index doesn't work web developers assume does.

most web devs never read documentation of z-index because it's strait forward concept , because of find in position. you'll able read more here

as far solution wanting strait forward stacking of elements, if you're willing use i'd suggest keep stacking order transforms. you'll able ipad this:

-webkit-transform:translatez(10px); 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -