Border radius and IE 8 and previous yes we can

CSS3 is the way to render a web2.0 layout without pain in the ass.

Unfortunately, IE8/7/6 doesn’t support the border-radius attribute, which is one of the coolest things that CSS3 implements ( after font-face ): let’s see how we can make our site look good also in crap-based browsers ( = IE X ).

We just need to download an .htc file at Google Code project curved-corner.

Then the CSS syntax is similar to the non-ie-compliant one:

1
2
3
4
5
.myPainInTheIE {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  behaviour:url(path/to/border-radius.htc);
}

Hi there! I recently wrote an ebook on web application security, currently sold on leanpub, the Amazon Kindle store and gumroad.

It contains 160+ pages of content dedicated to securing web applications and improving your security awareness when building web apps, with chapters ranging from explaining how to secure HTTP cookies with the right flags to understanding why it is important to consider joining a bug bounty program.

Feel free to skim through some of the free chapters published on this blog and, if the content seems interesting enough to you, grab a copy on leanpub, the Amazon Kindle store, gumroad or simply checkout right down below!

Buy the Web Application Security ebook for $6.99

In the mood for some more reading?

...or check the archives.