Positions fixed doesn’t work when using -webkit-transform

by

The CSS Transforms spec explains this behavior. Elements with transforms act as a containing block for fixed position descendants, so position:fixed under something with a transform no longer has fixed behavior.

They do work when applied to the same element; the element will be positioned as fixed, and then transformed.

More Related Contents:

  1. Position an element relative to its container
  2. css “left” not working
  3. Position fixed doesn’t work when using -webkit-transform
  4. Prevent an element from covering another [closed]
  5. How to align 3 divs (left/center/right) inside another div?
  6. Styling an input type=”file” button
  7. Responsive Separator for Horizontal List
  8. CSS set background-image by data-image attr
  9. Is it possible to use text-overflow:ellipsis on multiline text?
  10. What is use of ‘initial’ value in CSS?
  11. Use a normal link to submit a form
  12. Removing ul indentation with CSS
  13. Can I stop 100% Width Text Boxes from extending beyond their containers?
  14. Inline tags vs. inline css properties
  15. Remove border from IFrame
  16. Why are my div margins overlapping and how can I fix it?
  17. Draw triangle in corner of div
  18. Flexbox resize and scrollable overflow [duplicate]
  19. How do I make Firefox auto-refresh on file change?
  20. Second line in li starts under the bullet after CSS-reset
  21. How to prevent line break at hyphens in all browsers
  22. Can I override inline !important?
  23. Preserve line breaks in textarea
  24. How position absolute and fixed block elements get their dimension?
  25. Ring-shaped process spinner with fading gradient effect around the ring
  26. Why is there a default margin on the element? [closed]
  27. set css border to end in a 90 instead of a 45 degree angle
  28. Img’s max-height not respecting parent’s dimensions
  29. backdrop-filter not working for nested elements in Chrome
  30. Fitting child into parent

Leave a Comment