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

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

By: Elijah

Elijah — Wed, 05 May 2010 12:02:49 +0000

Thanks ! good post..

By: Gabriel Memmel

Gabriel Memmel — Sat, 27 Mar 2010 03:40:24 +0000

Hello, is very good tool, about the color of the shadow, I solved that problem with some small modifications, I’m sending to you to upgrade

file: ie-css3.htc

1- Replace:

var match = style.match(/^(\d+)px (\d+)px (\d+)px/);

to:

var match = style.match(/^(\d+)px (\d+)px (\d+)px (#[a-f0-9]{3,6}|[a-z]+)?/i);

2- Add (line 56):

sh_color = RegExp.$4;

3- Replace:

shadow.style.filter = ‘progid:DXImageTransform.Microsoft.Blur(pixelRadius=’+

shadow.userAttrs.radius +’,makeShadow=true,shadowOpacity=1)’;

shadow.style.filter = ‘progid:DXImageTransform.Microsoft.Blur(pixelRadius=’+

shadow.userAttrs.radius +’,makeShadow=false,shadowOpacity=1)’;

4- Add (line 83):

var sh_fill = document.createElement(‘v:fill’);
sh_fill.color = sh_color;
sh_fill.className = ‘vml_box_shadow_fill’;
sh_fill.type = ’tile’;
shadow.appendChild(sh_fill);

excuse my English (google translator), I speak Spanish.

By: Eve Spear

Eve Spear — Sun, 14 Mar 2010 07:22:46 +0000

Thanks for sharing. Its have really help me a lot.

By: Bill Horsman

Bill Horsman — Fri, 12 Mar 2010 15:59:52 +0000

@Ben – I get the same problem: a heavy page causes the KB927917 problem in IE8. My only solution, so far, is to not use rounded corners on IE In my case, the bug was causing the page to be interrupted and part of it was missing. – Bill

By: Craig

Craig — Thu, 11 Mar 2010 21:48:12 +0000

Does this support using the styles on ul and li, or only div ??

I can’t get it to work for dynamic drop-downs in IE6.

By: Craig

Craig — Thu, 11 Mar 2010 21:46:48 +0000

Does this support using the styles on and ??

I can’t get it to work for dynamic drop-down in IE6.

By: CSS level 3 styles in Internet Explorer 6 onwards | HTML Remix | Quo Vadis Web Solutions

Mon, 01 Mar 2010 07:24:04 +0000

[...] Download the htc file here or Demo here. The project is hosted on Google code. via htmlremix.com [...]

By: Ribit Solutions Web Design

Ribit Solutions Web Design — Fri, 05 Feb 2010 17:00:31 +0000

Ben,

I had the same problem and managed to hack/fix it by moving the CSS styles that applied the border-radius.htc file to the bottom of my page i.e. insert a block just before the tag.