Hello Friend, We have faced the issue that inspite of Z-Index:999999 which is highest. Still that object was not showing on front.

I went thought W3School – for reference Click here

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Note: z-index only works on positioned elements

• position: absolute
• position: relative
• position: fixed
• position: sticky

After W3School, I have read in MDN Docs Reference Click Here

Each and Every element will behave as you expected if its under 1 parent DIV with Position: Relative.

Z-Index will apply as per his Parent Class. Please check the below example for more understanding

Demo Link

	
	


	

		
Division Element #1
		position: relative;

		z-index: 5;
	

	

		
Division Element #2
		position: relative;

		z-index: 2;
	

	

		

			
Division Element #4
			position: relative;

			z-index: 6;
		

		
Division Element #3
		position: absolute;

		z-index: 4;

		

			
Division Element #5
			position: relative;

			z-index: 1;
		
		
		

			
Division Element #6
			position: absolute;

			z-index: 3;
		
	

Thank you