css3pie

CSS3Pie causing startup error

半腔热情 提交于 2020-01-03 12:32:14
问题 When importing CSS3Pie, I'm getting the following error. Uncaught TypeError: Object [object DOMWindow] has no method 'attachEvent' I am using Chrome. Is this possibly something I have caused, or just a bug. Thanks! 回答1: I think you should be importing the "PIE.js" file in an IE-only conditional comment: <!--[if IE]> <script src='PIE.js'></script> <![endif]--> The CSS3Pie project is an Internet Explorer facility - it only works on IE, and is completely useless for all other browsers. edit —

CSS3Pie margins sets to zero

蹲街弑〆低调 提交于 2019-12-25 02:23:02
问题 I have such css .corner-wrapper { display:table; position:relative; border: 2px solid #69b0ff; margin:5px 0 5px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("PIE.htc"); } The rounded corners seams to be added in all IE old versions, it is really cool, but i noticed that margings getting lost. I googled and found some links related to that, looks like there is some bugs behind that. http://css3pie.com/forum/viewtopic.php?f=3&t=92 and http://css3pie

jQuery cycle plugin paging + CSS3PIE

▼魔方 西西 提交于 2019-12-24 11:13:03
问题 I am using the jQuery cycle plugin for a slideshow of images. With rounded bullets as pagers (because it's all the rage now so it seems). This worked perfectly in the 'modern' browsers except for IE. It is messing up the activePagerClass on the pagers. Because IE can't do border-radius, I use the CSS3PIE behavior. 回答1: Changing $.fn.cycle.updateActivePagerLink = function(pager,currSlide,clsName){ $(pager).each(function(){ $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName)

Why declare the same CSS parameter twice, but second one with a asterisk? [duplicate]

折月煮酒 提交于 2019-12-24 10:45:17
问题 This question already has answers here : Closed 7 years ago . Possible Duplicate: CSS reset - purpose of asterik within a style I was reading through the CSS styles for HTML5BoilerPlate, and I came across this unfamiliar line: button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } In particular, the second ****vertical-align***, why call twice and put an asterisk in front of it. If anyone knows the name of the technique or why it's

css3PIE or PIE.htc in Asp.net

百般思念 提交于 2019-12-24 06:35:44
问题 Well I used css3pie in asp.net which is not working. I tried every possible solution. Searched a lot of forums but failed to properly use PIE in asp.net. Let me show you my project structure. I have master and inner master pages in my project hierarchy. The css3pie is working on those pages which don't use master pages. My css and .htc files are as follows Root css script When I use css3PIE without Master page the it works: <script type="text/javascript" src="../Scripts/html5.js"></script>

Using PIE.htc in rails

前提是你 提交于 2019-12-22 14:52:17
问题 I'm trying to use PIE in my rails app but its not working. I placed my PIE.htc file inside a folder called behaviours in my assets folder. -pie-background: linear-gradient(#2c2a2d, #1f1e20); behavior: url(assets/behaviours/PIE.htc); Does anyone know if this would be the correct path for rails and pie to work. This is also running on a localhost:3000/ 回答1: Your statement is almost correct. It should be: behavior: url(/assets/PIE.htc); You need to have the initial slash and take out the

Overflow:hidden for rounded borders using css3pie in IE8?

扶醉桌前 提交于 2019-12-22 04:43:26
问题 I have this HTML: <div id="micrositePhotoDiv"> <img id="micrositePhoto" /> </div> and css: #micrositePhotoDiv { overflow:hidden; @include border-radius(10px); behavior: url(PIE.htc); } The src for the img is set programatically in javascript. The img is set to the width of its containing div. In ie9, firefox, chrome and so on, this makes the image have rounded borders (because the corners of the image are outside the border, and there is overflow:hidden; ) In IE8, the image does not have

How to properly clone (jQuery) an element that has style applied through PIE?

蓝咒 提交于 2019-12-21 19:43:18
问题 I have been using the .htc version of PIE successfully on a new project (that will specifically target IE8+), however, I'm having trouble when trying to clone an element that has PIE-style applied to it. I got a jsfiddle illustrating the problem here, and input is welcome (even other, similar approaches/alternatives to PIE) - however, .htc files cannot be referenced cross-domain, so this fiddle just contains the actual markup and CSS I use. Any help is appreciated. What could be causing this,

Will CSS3PIE .htc file load for other browsers even they don't need?

∥☆過路亽.° 提交于 2019-12-20 01:39:49
问题 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

Will CSS3PIE .htc file load for other browsers even they don't need?

左心房为你撑大大i 提交于 2019-12-20 01:38:14
问题 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