Mobile Friendly Website


Doing it with style

CSS Light Box Click COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Hi Stu,

great site, great demos!

I made some changes and (as I hope) improvements to the concept of the CSS lightbox... (e.g. got rid of all Javascript(expressions) in IE6- so the lightbox is now CSS-only).

If you are interested please check it out at:

(16.07.2009, 10:44)

it does work in Chrome 3.0
(07.08.2009, 16:27)

When I look at your demo in safari the images do not stay on the screen unless I hold down the left mouse key. However in Firefox they stay until I click again. Is there a piece of code I can add to the css styles so that it works the same way for safari as it does for firefox?

(29.08.2009, 17:14)

As I mention on the demo, this does not work in Safari and Google Chrome as these two browsers have different routines for monitoring the mouse click :active and :focus states. These ore only available with the mouse button held down. As soon as you release the button both these states are lost.
(29.08.2009, 17:30)

First of all I really think you create some fantastic css stuff!

Only problem i have with this code is that it does not validate.
(13.09.2009, 09:59)

It now validates.
(13.09.2009, 17:22)

Thanks Stu the HTML validates now.
The css does not, but so be it.

I have one more question if you don't mind.
In Firefox you can return to the thumbnails by just clicking anywhere.
In IE this doesn't work.
How can i make it work in IE like it is working in Firefox?
(14.09.2009, 09:05)


was wondering is if it possible to have on the main images ( when the thumbnails are clicked) to have Arrows or next/previous buttons?


(16.10.2009, 16:37)

Dear Stu,

You are my CSS hero.

Thanks, and mangoes and key limes,

(16.11.2009, 05:21)

Hey Stu, I'm using Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6. If I scroll to the bottom of the page, the grey/lightbox does not cover the entire HTML page. It cuts off.

Don't know if an issue on my side, letting you know anyhow. Cheers mate.
(25.01.2010, 15:12)

10 of 43 comments (part 2). [ « ] [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page