[Solved] How to adjust opacity of bg w/o changing entire div

[Historical Forums User]

I’m trying to change the opacity of the background without it changing the opacity of everything inside of the div:

`
<div class=”cta-form service-page-cta”>
<h4 class=”cta-title”>Get A Quote Now!</h4>

<form class=”form-inline center service-cta bv-form” name=”serviceCta” role=”form” novalidate=”novalidate”>
…
</form>

</div> <!– close cta-form service-page-cta–>
`

Here is my current css:
.cta-form {
background-color: #00468c;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
box-shadow: 2px 2px 7px 3px rgba(50, 50, 50, 0.78);
-webkit-box-shadow: 2px 2px 7px 3px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 2px 2px 7px 3px rgba(50, 50, 50, 0.78);
border-radius: 4px;
}
<code></code>

Here is the site:

Any ideas?

[Author]

Posts