CODEWITHSUNDEEP
cssinternet-explorer-9z-indexinternet-explorer-10
samir chauhan
samir chauhan

Reputation: 1543

Strange Z-index issue with IE9 and IE10?

I have got a strange issue with my calendar on IE9 and IE10. The issue is related to z-index. Here is the url of the site. When you see the piano calendar in Ie9 and IE 10, on the first attempt it shows fine. But when you scroll up and down the borders of the dates disappears. If I remove the z-index then it shows fine but then I am not able to see the event dates on the calendar. I would be really grateful to you all if you help me in fixing this issue. I have been trying very hard to get it fixed.

To make it more clear, I am attaching 2 screenshots, the right one and the distorted one after mouse scroll in IE9 and IE10. enter image description here enter image description here

Upvotes: 0

Views: 3322

Answers (1)

Dmitry Dvornikov
Dmitry Dvornikov

Reputation: 294

Try not to use z-index: -1;

header .header-calendar-block ul.event-calendar li.day span.day-bg - change z-index: 1;

header .header-calendar-block ul.event-calendar li.day .row-calendar-event-day, header .header-calendar-block ul.event-calendar li.day .day-has-event - add position: relative; z-index: 2;

header .header-calendar-block ul.event-calendar li.day span.day-off-bg - add z-index: 2;

maybe this helps

Upvotes: 4

Related Questions