调整css中子元素的不透明度

我正在使用一个名为#search container的div

我使用它的不透明度为0.6

所以它会有一些不透明

#search-container
                               {
                                border-radius: 15px;
                                moz-border-radius: 15px;

                                position:absolute;
                                height:45%; 
                                width:55%; 
                                left: 3%;top:30%; 
                                background-color: #000; 
                                opacity:0.6;  
                                }

现在，我将在id为city的搜索容器下放置一个文本框

我正在为#城市使用css

但是，文本框的不透明度仍然与搜索容器相同

似乎孩子和其父母一样不透明

如何使文本框看起来是实心的，我希望div#search容器是不透明的，但文本框应该是实心的

有没有办法做到这一点

---

一些帮助将是可观的。。。提前感谢……

CSS元素不透明度通过子元素向下倍增，因此，如果我在白色背景上的50%不透明度黑色div中有一个50%不透明度的红色div，我将能够通过红色和白色看到一些黑色

如果你只需要背景颜色不透明度，你可以使用

rgba（）

作为背景来解决这个问题，但IE6-不支持。背景图像/图像不透明度可以使用PNG或SVG图像完成。如果绝对需要完全元素不透明度，那么还可以使用包装器div使半透明元素和不透明元素成为兄弟元素，并使用绝对定位（恶心）

#city
                                   {

                                    height:20%; 
                                    width:40%; 
                                    opacity:1;  
                                    }