Can't seem to make it run at all in IE8
Hi guys
I'm rather new in web development, and really need some rounded corners on a button.
I found css3pie and really like it, the only problem is that I can't seem to make it run.
I started a new project (asp mvc4 template) and included the pie.js (in Scripts) and pie.htc (in Content).
In index.cshtml I wrote
Code:
//included the script
<script type="text/javascript" src="~/Scripts/PIE.js"></script>
//wrote a new style
<style type="text/css">
.xxxx
{
background: #EEE;
padding: 2em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
behavior: url(../../Content/PIE.htc);
}
</style>
//apply it to a button
<button class="xxxx">Click</button>
The expected behavior on IE8 is a button with rounded corners.
If the behavior path is correct (relative to cshtml) all I got is the text "Click", not even the background of the button. If the behavior path is wrong, I got a button like in the style but without rounded corners.
If I check with the development tools of the browser, the js is included, so that's not it.
Maybe it has something to do with the htc file? I don't know.
Any help would be appreciated.
Best regards,
Daniel
Forums
