css3pie

问题 This question already has answers here : CSS3 PIE - Giving IE border-radius support not working? (7 answers) Closed 5 years ago . 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

问题 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. 回答1: I can't speak for everyone, but my sense is that you don't see tools like

问题 I'm trying to apply css3pie to my website, and it dosen't seem to be applied at all. I have tried anything i could find: Checked the path to PIE.htc, put it in main folder and used url(/PIE.htc), even tried full URL, nothing worked. Tried using PIE.php, that didn't work either. Tried adding "AddType text/x-component .htc" to the .htaccess file, no good Tried adding position:relative; z-index: 0; , No good. The code i'm trying to apply is : -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.9); -moz

问题 Our Web application is built with Angularjs. I have a HTML page in which I am building a table with several rows using the ng-repeat directive. Each row contains a button. Buttons have rounded corners and gradient color. We have to support IE8 therefore I have decided to take advantage of CSS3Pie in order to achieve the same look&feel as in modern browsers. I am using the htc file (not the js version) and everything went well until I got that issue with the ng-repeat. Only the button in the

问题 I am applying border-radius on my layout and I having problems with IE 7 and IE8. I'm using the PIE.htc but I still can not do the compatibility works. The code is: border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 0; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; behavior: url(PIE.htc); I'm testing in ieTester, can anyone help me? 回答1: if you use behavior: url(PIE.htc); then your Pie.htc should be in the same folder as your html page or master

问题 I'm wondering if folks can tell me how trouble free CSS3PIE is for IE6 - IE8 (beyond the known issues). It seems like an excellent addition to allow one to use CSS3 features -- rounded corners, gradients, shadows, etc -- I just have limited time to invest into investigating stability / errors. Thanks P.S. Does it turn off automatically in browsers that support CSS3? 回答1: It has worked perfectly for me and it only affects IE so you dont have to worry about the other browsers. 回答2: Don't worry

问题 I feel so stupid, like I'm missing something really obvious but I have checked everything a bunch and can't figure out what's wrong. I'm trying to use CSS3pie to make rounded corners in ie8, but it just won't take. I have the path set up relative to the html document, not the css. It's in a folder called pie, so this is what i'm using in the CSS: #recommended-acc { float: left; width: 472px; background: url(../img/cont_bg.png) repeat; margin: 10px; padding: 0 10px 6px 0; -webkit-border-radius

问题 i'm trying to get rounded corners using pie: ul li{ -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; color: #FFFFFF !important; float: left; font-size: 16px; font-weight: bold; height: 24px; margin-top: 14px; padding: 15px 15px 5px; text-align: center; text-decoration: none; background: url("../nImg/comunHomeSprite.png") no-repeat scroll -5px -4172px transparent; behavior: url(../nJs/pie/PIE.htc); } CSS file is in: /nCss/mycss.css Html file is

问题 I've decided to completely drop support for IE6 and IE7 in my website, redirecting it's users to a text-only warning page. However I still support IE8 and IE9. I am achieving this using CSS3 PIE, and border-radius works in both (IE8/9), box-shadow works in both, however I also rely on linear-gradient. I have heaps of tags in use to achieve this: background: #E6E6E6; /* fallback */ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#B3BCC7)); /* old webkit */ background:

问题 I'm trying to use CSS PIE in my website, but for some reason it's not working. My folder structure looks like this: And my CSS like this: .region-sidebar-first-inner .block-menu-block-1 { background: #730868; margin-bottom: 70px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#730868), to(#0a9f9d)); background: -webkit-linear-gradient(top, #730868 0%, #0e70a2 76%,#0a9f9d 100%); background: -moz-linear-gradient(top, #730868 0%, #0e70a2 76%,#0a9f9d 100%); background: -ms-linear