Comments on: Cool cross-browser styling with CSS and IE’s filter

By: fewa

fewa — Tue, 01 Jun 2010 21:18:55 +0000

@Chrissteven81: It’s just that IE doesn’t follow any standards. Usually when we develop website layouts for applications, we first make them work with Firefox, Opera, Chrome and Safari.

IE comes later if we have time, because making layouts look nice on it takes more time because of all the “IE-only” tricks it requires. After seven years into this business, I have yet to see any benefit in NOT following the standard. These IE-only things don’t provide any more possibilities than the standard ones.

However, of course we understand that many people still use IE and that’s why we have to take the time to provide support for our web applications that are being used in IE.

By: Wouter Bos

Wouter Bos — Tue, 16 Mar 2010 20:14:30 +0000

I think you have to replace background; ... ; with background: ... ;
The best thing is to auto generate such CSS3 stuff:
http://www.css3generator.com/
http://css3please.com/

By: Jabes88

Jabes88 — Tue, 16 Mar 2010 17:11:44 +0000

I’m not sure what this is .. but it contains a syntax error.
“background; -o-gradient(top, bottom,from(#cccccc),to(#888888));”
Also I’ve found another opacity solution that I’m pretty fond of. You can view it here: http://snipplr.com/view/28205/cross-browser-css-opacity/

By: Ali

Ali — Fri, 12 Feb 2010 15:00:45 +0000

IMPORTANT::
To solve the problem of fuzzy text in IE when using a filter, wrap the content of filtered element and set it’s position style to relative.
EXAMPLE:

CONTENT

By: Chrissteven81

Chrissteven81 — Thu, 14 Jan 2010 17:08:41 +0000

senshikaze- You are bending over backwards for other browsers IE has very nice ways of doing it far more clean. more like we are bending over backwards for other browsers lol.

By: Wouter Bos

Wouter Bos — Sat, 12 Dec 2009 21:48:00 +0000

Hi,

I did a quick test in IE8 and I have the same problem. The only solution I see is keeping the font-size at 16px or lower. And don’t use font-weight: bold either, since that seems to trigger the bug too. Than you shouldn’t have any problem.

By: R Hampton

R Hampton — Sat, 12 Dec 2009 00:58:20 +0000

I’m getting a strange problem in IE7 but not IE6. The shadow filter renders my white text with a thin dark outline on letters like “O” ). I’ve tried turning ClearType on and off within IE7 but I can’t see a difference. Is it a problem with just my browser or with all IE7 browsers?

FYI – I have a DIV with background-color:#bee48a; inside that is an unordered list containing A HREF tags with color: #fff; text-transform: uppercase; text-decoration: none; text-shadow: #693 0.1em 0.1em 0.2em; filter: progid:DXImageTransform.Microsoft.Shadow(color=’#669933′, direction=135, strength=2);

By: senshikaze

senshikaze — Thu, 10 Dec 2009 17:49:26 +0000

so… i need to bend over ass-backwards to make ie look like a real browser?
nice.
How bout people upgrade off of “my first browser” and onto a real one?