javascript - 背景をフェードアウトしながら、テキストを完全に不透明に保ちます

Question

背景をフェードアウトしながら、テキストを完全に不透明に保つにはどうすればよいですか?

読みやすいテキストを取得する必要がありますが、マウス中に背景がフェードしますonrollover。「box」や「text-box」などの解決策を見つけましたが、うまくいきませんでした。

Javascript:

$(document).ready(function () {
    // valore iniziale del fade sull'immagine a riposo 
    $(".fade").fadeTo(0, 0.6);

    $(".fade").hover(function () {
        // valore del fade sull'immagine con mouse hover 
        $(this).fadeTo("fast", 0.8);
    },
    function () {
        // ritorno al valore iniziale del fade con mouse out 
        $(this).fadeTo("fast", 0.6);
    });
});

CSS:

#content {
    position: relative;
    width: 100%;
}

#content > ul > li {
    position: absolute;
    width: 100%;
}

#content > ul > li > div {
    overflow: hidden;
    background: url(../images/pages_bg2.png);
    height: 100%;
}

HTML:

<article id="content"> Text Area </article>