Stack Overflow - Opacity Problem

by Mark Kasson

HTML

<div id="container">
    <p>
        Darn fanatically far and tarantula jeepers meek a secret much so hence underneath monogamously interwove apart gosh spilled far where and badger.
    </p>
    <a href="#">This is a link</a>
</div>

CSS

#container {
    background: #fff;

    color: #000;
    /* opacity: 0.4 won't do the job */
}

#container a {
    color: #0000ff;
    /* opacity: 1 is not requried */
}

#container:hover {
        background: rgba(140,220,255,0.6); /* correct */
}