Last Updated: February 25, 2016
·
1.827K
· deviavir

Overlay behind lightbox in one simple line

#css

outline: 9999px solid rgba(0,0,0,.3);

By @leaverou

#css

Written by Chase

Say Thanks
Respond

Related protips

Fully custom select box, simple css only

566.5K
32

Change the Bootstrap NavBar Breakpoint

497.5K
39

Creating full width (100% ) container inside fixed width container.

451.7K
14

4 Responses
Add your response

sadfuzzy

Any demo?

over 1 year ago ·
deviavir

@sadfuzzy, Sure, here you go:
http://dabblet.com/gist/3812142

over 1 year ago ·
sadfuzzy

Thanks a lot! I was searching for it so long..

over 1 year ago ·
macodev

Nice solution, although it seems to me it doesn't prevent user interaction on objects behind the outline (ie click on anchors is still allowed).

over 1 year ago ·

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Css Authors
oldboy
565.6K
#css
#jQuery
#CSS 3
iatek
499.2K
#css
#Javascript
#Node.js
praveenvijayan
448K
#css
#Javascript
#Python
elad2412
410.1K
#css
#cross browser compatibility
#photoshop
projectcleverweb
304.7K
#css
#javascript
#Python
Related Tags
#css
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
Accelerate Your Web Development Skills
Awesome Job
See All Jobs
Post a job for only $299
Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#