Safari seems to have changed their rendering of child objects outside their parents, in certain situations.
Setup:
position:fixed
and overflow:auto
position:fixed
and positioned above or below parent Example: http://jsfiddle.net/2tp9R/
I have only been able to reproduce this in safari 6.1. Firefox, Chrome and IE renders the child as safari used to do.
Question: How can this be worked around?
Workaround
If overflow:auto
is removed or fixed
is changed to absolute
the child is showed.
Example: http://jsfiddle.net/5kfbe/
This may not solve the problem in all situations though, eg when you need overflow:auto
and position:fixed
to be set on your parent div. Anyone got a better solution?
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.