css - Z-Index in Internet Explorer -
I am trying to get z-index
to work in my HTML code . I have seen it in many places, and it says that I need to add a place to my place. I have done this beforehand and it is still not working. Below is CSS and HTML which I have used for z-index
.
CSS:
Place {width: 1000px; Margin-top: 50px; Margin-left: auto; Margin-down: 0 pixels; Margin-right: auto; } .logo {background color: white; Status: Relative; Left: 40px; Swim left; Width: 225px; Z-index: 10; Padding-left: 15px; Padding-bottom: 20px; Padding-top: 20px; }
The one you got is correct to implement the z-index: The situation with the relative, fixed or full IE problem is that it does not apply the z-index of an element to the entire document around the world as it is in other browsers.
In IE, the z-index is applied only in a stacking context, which is automatically created by any element, which is related to the position, relative, fixed or complete, has been implemented .
As a result, you most likely have low, which is why the z-index is not working as expected:
above all browsers but will always keep the z-index: 2 div above z-index: 1. However, IE will not always be always because both elements Stacking is in context and for this their z-index does not apply to each other.
The fix is to add the basic elements to the Zed index, which are creating separate stacking references:
Comments
Post a Comment