Comments on: CSS level 3 styles in Internet Explorer 6 onwards

By: eVolution

eVolution — Mon, 20 Jun 2011 10:59:26 +0000

I also had problems when combining this fix when using AJAX to load HTML/CSS, fine in every browser excet IE where I got a debug error. going to out a sad work around for IE elements but wont look as cool as everything else – apart from that I love the idea and implementation :@)

By: Remiz

Remiz — Thu, 30 Dec 2010 07:47:43 +0000

Sure, there is no support for ajax at the moment because the svg are created while page is loaded. Keep watching for an update.

By: Marcelo Mira

Marcelo Mira — Thu, 30 Dec 2010 07:45:34 +0000

Hello!.. since i’m having some problem after using it with AJAX, bourder radius div doesn’t shows untill i resize the window, i’d like to know if is there any way to manually refresh at the ajax success event. Sorry about my english, i speak spanish.

By: John Smith

John Smith — Wed, 01 Dec 2010 20:00:43 +0000

Thanks for sharing… worked a treat

By: tarim

tarim — Sun, 10 Oct 2010 17:45:22 +0000

Hi,

It did not support one or two corners. Any idea?

-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;

Thanks,

By: Jean

Jean — Thu, 07 Oct 2010 21:55:24 +0000

Thanks for this great work. But I discovered a problem when using the behavior combined with a filter:…gradient(..).
I use this css technique to generate nice Input Buttons in Forms. In other modern browsers I’d give it a gradient background and a rounded border-radius and it looks great.
Now, using this htc file is working very good for me. I can generate the rounded borders. With the IE filter css property I can also add gradient backgrounds. But those filters always paint above the rounded corners.
Is there a way to get the disired look without using gradient background images?

Best Regards

By: Rew

Rew — Tue, 21 Sep 2010 22:11:28 +0000

I had the same issue as Ben, I solved it by moving the script into the bottom of the document just above the close body tag.

By: bodomias

bodomias — Wed, 25 Aug 2010 12:45:58 +0000

Hi, great post. It’s a nice solution in small developements. I’ve tried the ‘.htc method’ and I found these problems:

- It doesn’t work in chrome correctly.
- It doesn’t support background-repeat or background-position as well.
- Cannot set borders separately.
- Serious problems with asyncronous calls in jQuery 1.4.
- In the long term, it makes trouble in large developements with a lot of code.

Regards.

By: Marcello

Marcello — Wed, 14 Jul 2010 10:22:12 +0000

@Gabriel Memmel
Great fix!
I hope someone else could fix the involontary background-repeat…

By: Liviu Anghelina

Liviu Anghelina — Thu, 03 Jun 2010 13:39:24 +0000

What steps will reproduce the problem?
1. Use JqueryUI theme
2. Apply behavior to a jqueryui class
3. See that the elements of jquery just disappear…:(

What is the expected output? What do you see instead?

The output will be the invisible elements!

What version of the product are you using? On what operating system?
I am using the version downloaded from here…

Please provide any additional information below.

I am using the JqueryUI theme for a project, and I want to have the
-moz-border-radius behavior for IE and use your ie-css3.htc in order to do
this, but if I apply the behavior: ie-css3.htc to a class of jqueryui it
make the element invisible, and don’t know what it’s causing the
problem….Please help me out…

Check the attach PrtScr to see the jquery elements

I put the behavior to a different class which is not jquery and it’s okay
despite the fact that it’s duplicating the background inside the .blueBox
(it’s the name class that I attach here: )
/*********************************************/
.blueBox{
background: #eff7ff url(“/media/images/apps/core/admin/green/info.png”)
no-repeat left;
padding-left: 15px;
border: 1px solid #b5ceee;
margin-top: 10px;
margin-bottom: 10px;
width:400px;
-moz-border-radius:10px;
behavior: url(/media/js/jquery/ie-css3.htc);
}
/*********************************************/
Shot at 2010-06-03

http://yfrog.com/j3jquerydropdownj

Shot at 2010-06-03

http://yfrog.com/jyjquerydialogj

Shot at 2010-06-03

http://yfrog.com/2pblueboxj