I have a fixed div on my page which is positioned with the following CSS properties:
width: 320px; height: 160px; position: fixed; right: 15px; bottom: 15px; top: unset; z-index: -1;
The div appears fine in the bottom right of the page in other browsers, but in Internet Explorer 11 the div appears in the top right. I believe this issue is coming from top: unset;
which doesnt appear to be supported in IE.
Are there any workarounds using CSS or JS that could be used to achieve the same positioning?
If the property is inherited, unset will act as inherit . If the property is not inherited, unset will act as initial . unset isn't hugely practical. It is not supported by several browsers, including Internet Explorer.
unset can be applied to any CSS property, including the CSS shorthand property all .
The unset CSS keyword resets a property of an element to its inherited value if the property naturally inherits from its parent, or to its initial value if it does not inherit.
You are looking for top: auto
, it seems.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With