borderRadius not work for ie8?

[linhaiforest]

Hello everyone, I am a Chinese guy, English is not very good, this is Google translation, please forgive ..

I'm doing something small and need to support ie8,Then find a problem,Here is the simplified code:

 

<script src="js/greensock/TweenMax.min.js"></script>
<script>
  TweenMax.set(".control input",{ borderRadius:5});
</script>

<div class="control">
    <input type="button" id="playBtn" value="play">
    <input type="button" id="pauseBtn" value="pause">
    <input type="button" id="resumeBtn" value="resume">
    <input type="button" id="restartBtn" value="restart">
</div>

 

I use virtual machine test, ie8 borderRadius no effect，Am I wrong?

 

thank !

[okconsumer]

This code would be adding an inline style with the border radius css property, which is ie9 and above: 

 

Checkout: http://caniuse.com/border-radius/embed/

[linhaiforest]

thank
I know that, but CSSPlugin Is that support ie? Such as "opacity", "transform" these, itself does not support ie8, but in GASP get support, why "borderRadius" does not support

[GreenSock]

Certain properties are possible to "fake" in IE8 (like transforms and opacity), but others are simply impossible. border-radius is impossible. Sorry. 

 

And to be clear, GSAP doesn't claim to make every CSS property work across all versions of all browsers. Another example: you cannot do 3D transforms in IE8. 

 

I'm curious - why are you designing for IE8? Microsoft itself dropped support for it many, many years ago. Most sites on the web make no attempt to work on IE8 either. Is there a particular reason you're targeting IE8? 

[linhaiforest]

very sad. Because the boss requires ..Orz
Old version of the win7 users, the original is ie8 . I am very, very hated IE..

anyway , thank you all !

[GreenSock]

I would strongly recommend showing your boss how expensive it will be to support IE8 and that it's likely not worth it. There's only a tiny portion of Internet traffic on that browser, and I'm guessing it's not your target audience. You may have to sacrifice a bunch of nice features on your site, plus burn 20-50% more time...all to support a browser that less than 2% of the people on the web use. 

 

Totally up to you, of course. Most developers left IE8 in the dust long ago. 

[Jonathan]

The only way to get border-radius on IE8 is to fake it with a polyfill like CSS3Pie

 

http://css3pie.com/

 

But you wont be able to animate it, at least not in a easy way.

 

GSAP can only animate the properties, in this case CSS3 properties that are already supported in the browser. If the browser does not support the CSS property border radius in IE8 then GSAP cant animate it since it doesn't exist in the browser.

 

Besides, Mircosoft doesn't even support IE8 anymore

 

 

[linhaiforest]

Um um Thanks, ask this question before I tried CSS3Pie, but very many questions