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
Post a Comment