Add CSS rules for IE only in Sharepoint

Question

I'm having an issue with a css rule for IE that I need to write it properly in Sharepoint master page in order to be taken into consideration on page load in IE browser. The way I wrote the rule in the head of page, doesn't seem to be working for IE.

What I am doing wrong?

<head id="Head1" runat="server">
     <meta http-equiv="X-UA-Compatible" content="IE=10"/>
    <!--[if IE]>
        <style type="text/css">
            #image{
                position: relative;
            }
            .image-link {
                background: url("/someimages/somedirectory/sometransparentpixel.png") 0 0 repeat;
                margin-top: 10px;
            }
        </style>
    <![endif]-->

Take a look at here

Matiur Rahman
– Matiur Rahman

2020-10-20 02:14:59 +00:00
Commented Oct 20, 2020 at 2:14 — Matiur Rahman
– Matiur Rahman, Commented Oct 20, 2020 at 2:14

Julie_MSFT · Accepted Answer · 2020-10-20 08:05:44Z

0

If you are using the IE 10+ version, please use pure CSS like this:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
   /* IE10 and IE11-specific styles go here */
}
@media screen and (min-width:0\0)
{
    /* IE9 and IE10 rule sets go here */
}

More information for your reference:

Adding CSS file for IE

answered Oct 20, 2020 at 8:05

Julie_MSFT

4,3271 gold badge7 silver badges11 bronze badges

Thank you very much! Indeed, condition doesn't work for IE 10+ so the CSS approach is perfect!

JustMe
– JustMe

2020-10-21 04:52:06 +00:00
Commented Oct 21, 2020 at 4:52

Add a comment |

Stack Exchange Network

Add CSS rules for IE only in Sharepoint

1 Answer 1

Your Answer

Linked

Hot Network Questions

Add CSS rules for IE only in Sharepoint

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Linked

Related

Hot Network Questions