Solution 1 :

use the meta in head

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Problem :

I’m trying to see why our CSS won’t render on IE. I’m thinking maybe it is something to do with linking the stylesheet? This is hosted on Salesforce Marketing Cloud if it matters. I’ve included everything in the header below:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"><link rel="icon" type="image/ico" href="contents/ui/theme/i/favicon.ico">
  <meta name="robots" content="noindex,follow"><link rel="dns-prefetch" href=""><link rel="dns-prefetch" href="//">
  <link rel="stylesheet" id="them-style-css" href="" type="text/css" media="all">
  <link rel="stylesheet" id="g-font-css" href="//;ver=4.9.8" type="text/css"  media="all">
  <script type="text/javascript" src="%%=CloudPagesURL(XX)=%%"></script>
  <script type="text/javascript" src="%%=CloudPagesURL(XX)=%%"></script>


Comment posted by disinfor

Welcome to Stack Overflow! If you click on the link to your CSS file, do you see the styles?

Comment posted by rob

Please include any console errors present to help diagnose the issue.

Comment posted by peters26

yep, should I be looking for something in the CSS instead?

Comment posted by peters26

I’m not exactly sure what I’m doing with the debugger in IE, but it looks like there is an error here: a.querySelectorAll(“*,:x”)

Comment posted by F12 developer Network tools

Try to use

Comment posted by peters26

Is there anything else to add beyond this? I added to the header and nothing happened, unfortunately.

Comment posted by madi.wd

In some features of the CSS, an -ms- should be added before it