Internet Explorer Hacks: CSS Tutorial (Day 11 of CSS3 in 30 Days)

Ugh, yes, Internet Explorer is still a thing. Luckily, with CSS, you can bend it to your will, or just straight up give it the Vulcan Death Grip.

In this tutorial, you will create IE Conditional Comments. Only IE will recognize this comment, which means you can do anything to manipulate the CSS specifically for IE!

⭐️Files you need ⭐️

--

[slimer]

Please help, when ever i use the code with the - - it doesn't work and when i remove them it does work but ruins how other browsers look, idk whats the problem!? here's the code


<!--[if IE]>
<style type="text/css">
.footer{
text-align: center;
color:white;
font-size: 11px;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-0%, -55%);
}
.span{
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
margin-right: -3.5px;
}
</style>
<![endif]-->

[johnjay]

I must be missing something. ie.css supplied in dropbox is not the same file you have shown on screen. I typed it out, but just want to make sure I'm not going crazy.

[DrewPyke]

this does not work for IE 10 and up.
I'm really struggling to find a fallback/workaround for my CSS Grids which looks great in normal browsers but failing in IE
Can't use @supports either! (IE does not support)
If anyone knows of a hack please let me know!!!

[dsuryas]

The files don't contain any of the code that you're showing bro