eMARKETING RELATIONSHIPS THAT CLICK
Written on Wednesday, 14 April 2010 by Richard Smith
Viewed 2268 times so far. Like this? Tweet it to your followers!

ie-css3I recently came across a fantastic script that will significantly improve web development for sites that use rounded corners, text shadows, and box shadows. This script allows Internet Explorer 6-8 to render rounded corners, box shadows, and text shadows where it wouldn't otherwise. The tool is called IE-CSS3.

It's quite simple... all you have to do is upload the script to your site and add the behavior property to the CSS of the element you want to have rounded corners:


.box {
     border-radius: 15px;           /* Internet Explorer 6+ and Opera 10.5+ */
     -moz-border-radius: 15px;      /* Mozilla Firefox 2+ */
     -webkit-border-radius: 15px;   /* Chrome 2+, Safari 3+ */
     behavior: url(ie-css3.htc);
}

It does come with some minor limitations, however. For rounded corners, it will only work for the border-radius property, and not for corner-specific properties like border-top-left-radius. Also, box shadows cannot have any color other than black. Visit the site to view other limitations and workarounds.

I have already started using this script in sites for Atomic's clients. For example, the NAPO DFW chapter site now uses this script for the rounded corners of the email sign-up box on the front page. Be sure to look at it in Internet Explorer. =)


blog comments powered by Disqus

Rate this article

(0 votes)

Latest articles from Richard Smith

Latest 'tweets' from Atomic DC

  • Let your site map be your guide! Find out more about site maps and why you should be using them. http://t.co/Tvze0m70 Link Wednesday, 16 May 2012 04:48
  • Add posting just a link with nothing else MT @PublicityGuru: 10 Things That Make You Look Like A Twitter Spammer http://t.co/IJ8jzkm5 Link Monday, 14 May 2012 09:51
  • A big Thank You to all those who came out to celebrate Atomic's 10th anniversary on Friday. Pictures are up at http://t.co/eqLYEkzr Link Monday, 14 May 2012 07:46

Dallas Digital Marketing Agency - Get Started

Atomic Advantage Our Dallas web design team reviews your web site, conversion strategies, social media performance, and search optimization strategies. One of our biz dev team will review the results and share recommendations to improve your results!
  1. Name(*)
  2. Company
  3. Website Address(*)
    Invalid Input
  4. Email(*)
    Invalid Email Address. Please check to make sure you typed it correctly.
  5. Phone
    Invalid Phone Number. Try using the following format: 123-456-7890
  6. Invalid Input

Digital Agency Relationship - Meet us on Facebook