Discussion on Copertura – Elegant CSS Overlay


jonaspelzer does not currently provide support for this item.

8 comments found.

Dear author,

May i know is this overlay able to display others thing beside from text? Maybe a log in form, video etc. ?


Technically, it can display everything. It is only optimized for displaying text though. You may want to adjust the CSS a little if you use it for videos or forms, especially because the overlay has fixed dimensions.

Code works on Chrome and Firefox great, I do not understand why it does not work in IE. Why do you include codes that do not work in IE? Everyone who comes with IE finds that the code does not work. Can this be repaired?

I’m afraid IE does not support the CSS3 feature used here.

I have to correct myself: It actually does work in IE9 .

@ludovitherman it clearly does not include any version of Inferiornet Explorer in the compatible browsers over there ~>

When I tested this out on IE9 and incorporated it on a page, it worked in all browsers except ie. All the text and image hyperlinks in IE9 stopped functioning as soon as I tried to use this. The cursor never went to a hand pointer. (nor could I click what was a link, image or other)

As soon as I removed the code in this script, my site went back to working fine in IE9 .


Sounds like a bug caused by either the z-index or the pointer-events property. I will take a look at it and offer a fix as soon as possible.

Should be fixed. The update is in review and will probably be available within the next few hours.

It appears the problem still exists in both IE9 as well as Opera. Perhaps it’s how I’m implementing it, but at this point this script has turned out to be more trouble than it’s worth, as it did work fine in FF, Chrome, and Safari, so I don’t think it’s on how I’m using it.

Thanks anyways, but if it can’t be completely cross-browser compatible, it doesn’t seem to be of much use.

At the very least, you should remove IE and Opera support from this script page.

in the video preview the screen goes dark behind the lightbox…how do i do that

It should already work. Which browser are you using?

Want to Buy… Can you add a rounded corner border to this?

I.e: http://www.etsy.com/people/theurbanbeader?ref=ls_profile#

click the Blue “Read More” under the Andy Gray “About” section.

I cant get this work, but it always goes under http://i.gyazo.com/306a1fbf2c4a53b73b86828182aec153.png