css3pie

For this project, I am using Tomcat 7 and have configured it to serve htc with content type of text/x-component <?xml version="1.0" encoding="UTF-8"?> <web-app ...> ... <mime-mapping> <extension>htc</extension> <mime-type>text/x-component</mime-type> </mime-mapping> </web-app> For some reason, it works in IE9 (gradients, drop shadows, rounded corners) but not in IE8, dont see any CSS3 in effect at all. In the developer console under styles/tracxe styles, I see behavior but I don't see anything like -pie-background for example. Is that a problem? What might be the cause, it seems wierd that it

I am using the jquery script shown here - http://jqueryfordesigners.com/automatic-infinite-carousel/ . I have applied my own images as rounded png's into the slider on my site - http://67.225.219.80/ All is well in firefox and IE9 using border-radius. You can see the rounded corners are maintained even with the slider is sliding during auto mode and even when the slider is controlled by the arrows. However in chrome/safari, the rounded corners disappear during the transition. In addition to giving the outer div wrapper rounded corners (border-radius, -webkit-border-radius, etc.), I have also

I'm using CSS3Pie to make round corners in IE which uses invalid CSS property behavior: url(/PIE.htc); If i keep this declarition in my main CSS will other browsers load this .htc file even they don't need this or only IE will load this file? Is there any benefit to keep behavior: url(/PIE.htc); is seperate IE conditional stylesheet in terms of performance? <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> <![endif]--> The whole code is like this border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border

This is css to use CSS3 PIE border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #EEFF99; behavior: url(/PIE.htc); Specially behavior: url(/PIE.htc); My question is will this PIE.htc be downloaded by all browser or only in IE 7 and 8? I need to show round corner in IE7 and 8 too. So i thought instead of using Modernizr and writing another class and and image for round corner, CSS3 PIE will be good solution because whenever we will change the color and thickness of border and height of

This question already has an answer here: CSS3 PIE - Giving IE border-radius support not working? 7 answers 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: <div id="body

I have the following css code: -webkit-gradient(linear, left bottom, left top, from(#5AE), to(#036)); Which displays the background very nicely in Chrome. Internet explorer just displays a white background. I tried applying CSS 3 pie, which didnt change anything. Following is my css: body { behavior: url(css3pie/PIE.htc); color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; /*background:url("../image/bg.png") repeat scroll 0 0 transparent;*/ background: -webkit-gradient(linear, left bottom, left top, from(#5AE), to(#036)); } Thanks 0b10011 -webkit-gradient() is

This question has already been asked at htc files: Why not to use them? , but the answer didn't answer anything really. The question is, why is something like CSS3 PIE not in use on many sites? I'd expect smaller ones to not know about it, but the one that caught my eye was Twitter, who doesn't use it. Is it because it's not standard? Or does it cause a noticeable slow-down of the site? Thank you for any responses. I can't speak for everyone, but my sense is that you don't see tools like these in use on large sites because: 1) They do incur a certain performance cost. CSS3 PIE in particular