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
Post a Comment