My personal approach has always been progressive enhancement -- make it
look presentable and functional in IE, and make it look gorgeous in
other browsers, but you might find that you can use Modernizr
(http://www.modernizr.com/) to achieve a lot of what you're after.
Essentially, this will add CSS classes to your <body> element depending
on what's available. Used in combination with IE's conditional comments
to include stylesheets for specific browser engine versions, you'll
probably get 80% to 90% of the way there. It'll also mean that you won't
have to hack at your CSS file.
Bear in mind that it's possible to achieve gradients in CSS with
Internet Explorer using the various Microsoft filter()s; it's a fair bit
of work, though.
On 08/06/10 08:50, raider wrote:
Hi,
We’re working on a project just now that is based on a large CMS and
has IE6 as A-Grade support (27% of the audience). The design has
things such as gradients, rounded corners, etc. There isn’t much
flexibility in the markup (lots of static files), and there is limited
access to JavaScript files based on the user’s role.
With that in mind we need to keep things that are for presentational
purposes in the stylesheets, so that a designer can open a css file
and add in a rule to style an element with rounded corners, gradients,
etc.
I’ve knocked up the following demo with a possible solution to this,
but it would be good to hear how others have tackled this kind of
problem, and if there is a better route to take?
http://dl.dropbox.com/u/3417104/jsstyles/index.html
Cheers,
SJ
--
Barry van Oudtshoorn
www.barryvan.com.au
Not sent from my Apple πPhone.
