Anne van Kesteren

Mountaintop Corners (div version)

See it for yourself. Any feedback? (I'm not a good scripter, but it works and the code is quite small if I may say so.)

By the way, we don't have to wait for CSS 3 to do this, CSS 2.1 is perfectly capable of doing this (::after), its just the support that is the problem.

Comments

1. Much like the examples in the ALA article, your example needs a background-color: white; or else the effect is completely lost on people who have set a different default background color. :)

   Posted by Milo at 4:37PM

2. Thanks Milo, updated.

   Posted by Anne at 6:10PM

3. A., how would you compare what you have done to this?

   M.

   Posted by Moose at 12:09PM

4. I would say mine is the Internet Explorer compatible version :-)

   I thought of generated content: <div><::before/><div> would make it possible for me, just not for IE, damned browser!

   Posted by Anne at 4:29PM

5. Hey, but you can get around that, if you are willing to sacrifice some rounded corners (50%). I do so all the time, and replace the missing GC with borders, and users of Frank-IE-nstein don't even notice!

   M.

   Posted by Moose at 6:05PM