A way to hide content at the top of an IFRAME with css maybe?
 

Curious if anyone knows how I can do this... Let's say I have a page in an iframe and the iframe content is 500px x 500px in size... I know if I set the iframe size to 500 x 400, no scroll bars, and overflow = hidden the bottom 100 pixels will be hidden from view.

My question is does anyone know if there's a way to hide the top 100 pixels instead? Sort of display from the bottom up? Could that be possible with css styles maybe?

I don't really have any idea what would work, but did you try something like:

position:relative;
top:-100px;

That's close... the bottom is in the correct spot but the "overflow" on the top isn't hidden, it just comes in front of the other elements on the page. Weird... maybe I should check it in other browsers- I'm using Chrome.

Maybe try adding a z-index:-1 ?

Actually check that, it's working great... I had to put the style tag into a DIV tag around the IFRAME instead of the IFRAME itself. :)

Thanks.