Answer the question
In order to leave comments, you need to log in
How to properly eat PIE.htc in IE8?
Good day, I, like all layout designers, sooner or later have to deal with cross-browser compatibility and, as the rules, all the torment hangs over IE, in my cases it's ie8, ie9, ie10, ie11. From a ton of information I've rummaged through, IE 8 doesn't support the following CSS3 properties
rem
media queries
rgba(), hsla()
:last-child, :nth-child(), :first-of-type, …
:empty
: not()
calc()
.ttf, .otf, .woff fonts
multiple backgrounds
background-size
vw, vh, vmin, vmax
:checked, :valid, :invalid, :required
box-shadow
transforms (rotate, translate, skew, scale , matrix)
border-radius
opacity
In search of a universal crutch, I came across PIE.htc but my terrible knowledge of the English language does not give me enough progress in this matter, so I have to contact the "Crutches" gurus.
<script type="text/javascript" src="js/pie.js"></script>
behavior: url(../js/pie.htc);
<div class="block">
dancing
with tambourines.block{
width: 200px;
height: 200px;
border-radius: 50%;
behavior: url(../js/pie.htc);
}
.block {
width: 200px;
height: 200px;
border: 1px solid black;
border-radius: 50%;
background: linear-gradient(to bottom, #CCC, #EEE);
-pie-background: linear-gradient(to bottom, #CCC, #EEE); /*ie 6-9 via PIE*/
behavior: url(../js/pie.htc);
}
Answer the question
In order to leave comments, you need to log in
reskwer.ru/ie - collected bit by bit. I haven’t uploaded examples yet, but everything you need about cross-browser compatibility is already there :)
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question