css - How do I make a div transparent on a white body background? -


the background-color of body #ffffff. , have div need colored needs transparent or see through. possible using css3 or have use images achieve this?

body { background-color: #ffffff; } .box { background-color: #999999;     background-image: linear-gradient(to top, #999999 0%, #444444 100%) !important; opacity: 0.7; } 

update:

if go here: http://pinesframework.org/pnotify/#demos-simple , demo transparent success can see how pop-up looks see through on white background. need without using image using one.

updated: per comment below, question appears duplicate of css - opaque text on low opacity div?.

you need change opacity of background instead of element:

.box {     rgba(255,0,0,0.6); } 

or, since using gradient, use this:

ultimate css gradient generator

it allow semi-transparent backgrounds gradient.


Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -