Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Border-image not work in IE9 #246

Closed
Josua2012 opened this Issue · 9 comments

4 participants

@Josua2012

Border-image not work in IE9.
I see that other users have the same problem.
But the documentation says it should work in IE9.
It is a bug?
Should we do something special to make it work?

Thanks,
Regards,
Jose

@lojjic
Owner

Please provide a test case demonstrating the issue. Border-image works properly in IE9 in my tests.

@Josua2012

Hi!

In IE7 and IE8 works perfectly, but it not work in IE9. :(

Test case:

Note: The image used is this: http://www.w3schools.com/css3/border.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#border-image-5 {
    margin: 0 30px;
    width: 270px;
    height: 270px;
    padding: 14px;
    border-image: url(images/border.png) 27 27 27 27 round round;
    border-style: solid;
    border-width: 10px;
    behavior: url(js/PIE.htc);
} 
</style>
<title>Documento sin título</title>
</head>

<body>

<div id="border-image-5">
This is a test text.
</div>
</body>
</html>

The tests I'm doing on a local server ( WAMP ) .
And it's strange , I have set an example in our server (http://www.sendasoft.com/prueba6.html), but now does not work in IE7 and IE8 either.
In firefox everything works perfectly.
What is happening? :(
It is a CentOS server (VPS)
Do I have to put the PIE.htc path differently?
I tried it in absolute and relative mode, but not working.
I've also uploaded your folder 'tests' and I created a folder 'build' with PIE.htc, but your examples do not work.
Something is happening on my server.
What do you think?

Thanks,

Regards,
Jose

@svinkle

I gave this demo code a shot and found it stretched the image in IE7 and IE8 as expected, but there was no image for IE9. The docs mention adding "border-image-slice: fill;" but this didn't seem to help.

http://css3pie.com/documentation/supported-css3-features/#border-image

@Josua2012

I have tried "border image slice: fill;", but effectively, it does not solve the problem.
This is to go crazy, I tried PIE.htc in several places of my server, even along with prueba6.html file, but it seems as if not find her.
All day lost with this testing. :(

Thank you.

Regards,
Jose

@Josua2012

I made ​​it work by placing PIE.php :)
Thanks
Regards,
Jose

@Josua2012

Jason thank you very much for all your hard work.

Regards,
Jose

@Josua2012 Josua2012 closed this
@svinkle

Swapping out the .htc for .php is not a viable solution for everyone. Can we get a working example of this using the .htc please?

@kevinch

Can't get it to work with ie9/8 and no luck with pie.php. Has anyone managed to get this property to work in ie?

@lojjic
Owner

It would help if you folks having problems could include some information like the code you're using. But this is better done in the troubleshooting forums on http://css3pie.com/forum, rather than in this closed issue.

Using PIE.php is not necessary if your server is properly configured to send the correct content-type for PIE.htc. All that PIE.php does is set the content-type, there is no difference otherwise.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.