How do I change opacity of background in css without altering the entire container -


this question has answer here:

simple may need create background website container semi-transparent. if add opacity: 0.5; inside of #content end having entire container, widgets , letters going ghost. should apply transparency background image? 1 answer add transparency picture inside of ps still curious.

#content .container {     background:url(images/menu_bar.png) left top repeat-y !important; } 

give try:

#content .container {   width: 500px;   height: 100px;   background: url(../images/menu_bar.png) left top repeat-y rgba(0, 0, 0, 0.5) !important; } 

the 'a' in rgba sets opacity of color 'rgb'. of course can set values liking though. if helps, click checkmark ;)

also, don't forget set width , height of image.


Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -