View Full Version : ellipse div-clipping possible?

10-28-2006, 01:44 PM

I am working on a website for a friend's hardrockband. We created a layout with an oval content-window in the center of the site. Also, the content of this window is "scrollable" and this is why it does not look very fine when lines of text or pictures wandering to the top or bottom boundaries.

I know the easiest way would be to lay a div over the text-window, containing a transparent gif. But if there were any links beyond it, I would not have any access to them. Or is there any way to trick this out, something like to set the focus onto the "z-index-downunder-layer" by javascript?

If you want to have a look at my example:
As ´far as I know only the IE has a css-option like "flter:mask".

If you could help me and have any suggestions or examples for me, you would do me a great favour.

10-28-2006, 09:20 PM
Going by the thread title, you are wondering if elements can be clipped in an elliptical shape. As far as I know, no. Currently, the only shape elements can be clipped into is a rectangle.

10-28-2006, 09:47 PM
You can't as far as I know... Do you want characters to disappear when they reach the inner edges of the ellipse? That is what I am understanding from your title and post. I recommend making the rectangle clip a bit more away from the edges rather than trying to make the clip fit the ellipse.