CSS3PIE Not Working With border-radius?

Up vote 1 down vote favorite share g+ share fb share tw.

I am trying to get CSS3PIE to work for my site so I can use border-radius in IE8 (and earlier). It works fine in all other browsers. Here's my CSS: #body_text_design{ border:2px solid black; background-color:#CCC; background-image:url(../pics/designbg.

Png); font-family:"Britannic Bold"; color:black; height:676px; width:675px; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:23px; overflow:hidden; behavior: url(PIE. Htc); } And my HTML: Test test test Bla bla bla Test test test I have tried all the debugging that I could find such as: tried the PHP solution tried a full http:// link to the PIE. Htc file added AddType text/x-component .

Htc to my . Htaccess file tried position:absolute and zoom:1 and z-index values. Nothing has worked so far.

I envy those that have gotten this just by adding the behavior property to their CSS. If anybody could help, that would be greatly appreciated! EDIT Here's a jsfiddle: http://jsfiddle.net/3aWVH/1/ html css border-radius css3pie link|improve this question edited Feb 2 at 4:10 asked Feb 2 at 4:02MxmastaMills14312 89% accept rate.

Can you create an example for better understanding – sandeep Feb 2 at 4:04 Yeah, I'll make a JSFiddle. – MxmastaMills Feb 2 at 4:06 Added a link above. Thanks.

– MxmastaMills Feb 2 at 4:10 your code works for me. Make sure the path to your htc file is correct. I tested it on my local pc tho.

Eg path: C:\Users\...\test. Html Not sure if it is a issue of your server setting or sth – Shadow_boi Feb 2 at 4:45 Yeah I've had the PIE. Htc in the right location.

I even actually put it in multiple folders just to make sure it was in the right place somewhere and it didn't work. I'm having trouble testing it on my local PC because all I have is a Mac right now and IE8 isn't available for Mac. The only other thing I can think is that it has something to with GoDaddy (they host the site I'm designing).

I've Googled but can't find any hard facts that there are permission issues with htc files with GoDaddy. Any ideas on that? – MxmastaMills Feb 2 at 5:14.

Try adding position:relative; z-index: 0; as suggested here css3pie.com/forum/viewtopic.php?f=3&t=10.

I was struggling with this problem for awhile and finally figured it out! Some servers don't recognize the . Htc file so you have to add the Content-type to your .

Htaccess file by putting this: AddType text/x-component . Htc It's on the known issues page of the documentation css3pie.com/documentation/known-issues.

Oh sorry, I missed where you said that in your question :/ sorry – Calley Nye Feb 7 at 22:38.

Add this in your css -pie-border-radius: 10px; Here is the documentation for that css3pie.com/documentation/known-issues.

What is wrong in the answer.. I would like to know pls.. – Exor Feb 3 at 6:18 I'm not the one who voted it down but I haven't seen documentation for -pie- anywhere on the web. The code doesn't work. Have you ever used this before?

– MxmastaMills Feb 6 at 5:23 yea its working for me.. – Exor Feb 6 at 6:43 You can find the documentation for it in css3pie.com/documentation/known-issues/ under the heading Deviations from CSS3 spec . Check it out – Exor Feb 6 at 6:57.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions