use the meta in head
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Solution 1 :
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="//fonts.googleapis.com">
<link rel="stylesheet" id="them-style-css" href="https://xx.com/b2c-general-css" type="text/css" media="all">
<link rel="stylesheet" id="g-font-css" href="//fonts.googleapis.com/css?family=Roboto%3A300%2C500%2C700&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>
Comments
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