Internet explorer & Edge CSS Hacks

Internet explorer & Edge CSS Hacks

Internet explorer & Edge Browser CSS Hacks

Here are the most common CSS hack for Internet explorer & Edge Browser and different version.

You can also check hack for Firefox and Chrome.

Internet explorer & edge

Supports In:  Chrome ≥ 28,   Safari ≥ 9,   Internet Explorer/Edge >= 12,  Opera ≥ 14
Supports In:   Internet Explorer/Edge ≤ 7
Supports In:   Internet Explorer/Edge ≤ 8
Supports In:   Internet Explorer/Edge 8
Supports In:  Internet Explorer/Edge ≥ 9,   Safari 4,   Android ≥ 2.3
Supports In:  Internet Explorer/Edge ≥ 10
Supports In:  Internet Explorer & Edge *,   Safari ≤ 6
Supports In:  Internet Explorer 6-9
Supports In:  Internet Explorer 6-9
Supports In:  Internet Explorer 6-9
Supports In:  Internet Explorer/Edge ≤ 9
Supports In:  Internet Explorer 7
Supports In:  IE7, FF, Saf, Opera
Supports In:  IE8, FF, Saf, Opera (Everything but IE 6,7)

 


About Vijay Dhanvai

A passionate blogger by heart and mind, I have been working in this field for 7 years now. A WordPress Professional, web developer and designer who intends to guide his readers about Web Design, WordPress, Blogging, Web Development, and more.

2 Comments

  • amit says:

    Hello Vijay,

    Thank you for sharing the hacks for microsoft edge and IE. I request to you provide one example how to write the code in media query for particular resolution for example, Is this we need to write like following example,

    @media screen { @media (min-width: 1024px) {

    _:-ms-lang(x), .gallery-tab ul.gall-menu li a {padding: 10px .5em !important;}

    } }

    Or else is there is another way. Kindly provide the example of right method to write .

    With regards,
    amit yerunkar

    • Hi Amit,

      Glad to see you here.

      Below is the solution for writing IE Browser CSS hack with media query for a specific width. Hope this will work for you. 🙂

      @media screen and (min-width: 1280px) { (min-width: 0px) {}
      _:-ms-input-placeholder, :root .gallery-tab ul.gall-menu li a {padding: 10px .5em !important;}
      }

Leave a Reply