我可以将opacity属性分配给仅background属性div而不是文本吗？

我试过了:

background: #CCC;
opacity: 0.6;

但这不会改变不透明度.

我使用类似于以下代码的东西:

<div style="opacity:0.4; background-image:url(...);">
    <div style="opacity:1.0;">
        Text
    </div>
</div>

我预计这会使背景的不透明度为0.4,文本的不透明度为100%.相反,它们的不透明度均为0.4.

如何将RGB格式的颜色转换为Hex格式,反之亦然？

例如,转换'#0080C0'为(0, 128, 192).

如何使跨浏览器(包括Internet Explorer 6)的透明度在一段div时间后文本保持不透明？

我需要在不使用任何库(如jQuery等)的情况下完成它.(但是如果你知道一个库那样做我很想知道,所以我可以查看他们的代码).

我不想从CSS中的父级继承子不透明度.

我有一个div是父,我在第一个div里面有另一个div,就是孩子.

我想在父div中设置opacity属性,但我不希望子div继承opacity属性.

我怎样才能做到这一点？

是否可以在不影响子元素不透明度的情况下设置背景图像的不透明度？

例

页脚中的所有链接都需要一个自定义项目符号(背景图像),自定义项目符号的不透明度应为50%.

HTML

<div id="footer">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
        <li><a href="#">Link 5</a></li>
    </ul>
</div>  

CSS

#footer ul li {
    background: url(/images/arrow.png) no-repeat 0 50%;
}  

我试过的

我尝试将列表项的不透明度设置为50%,但是链接文本的不透明度也是50% - 并且似乎没有办法重置子元素的不透明度:

#footer ul li {
    background: url(/images/arrow.png) no-repeat 0 50%;
    /* will also set the opacity of the link text */        
    opacity: 0.5;
}

我也尝试过使用rgba,但这对背景图片没有任何影响:

#footer ul li {
    /* rgba doesn't apply to the background image */
    background: rgba(255, 255, 255, …

我没有使用CSS3.所以我不能使用opacity或filter属性.如果不使用这些属性,我怎样才能使background-color透明化div？它应该是此链接中的文本框示例.此处文本框背景颜色是透明的.我想做同样的事,但不使用上面提到的属性.

我需要使白色背景50%透明而不影响其他任何事情.我该怎么做？

我想通过使用不透明度使列表菜单消失而不影响字体.CSS3有可能吗？

所以我遇到了问题.我环顾四周,环顾四周,但没有运气.我想让我的身体背景透明但让文字不透明.就像现在一样,我一直在做同样的不透明度.这是我的代码:

@charset "utf-8";
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    opacity:1;
}
a img { 
    border: none;
}
a:link {
    color: #42413C;
    text-decoration: underline;
}
a:visited {
    color: #6E6C64;
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
.container { …