0

我正在使用一个名为 #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 的搜索容器下放置一个文本框

我正在为#city 使用 CSS

#city
                                   {

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

但是，文本框的不透明度仍然等于搜索容器

似乎孩子与其居住的父母具有相同的不透明度

我怎样才能使文本框看起来实心，我希望 div #search-container 不透明，但文本框应该是实心的..

有没有办法做到这一点？？？

一些帮助将是可观的...在此先感谢...

4

1 回答 1

1

CSS 元素不透明度通过子元素相乘，所以如果我在白色背景上的 50% 不透明度黑色 div 内有一个 50% 不透明度的红色 div，我将能够通过红色和白色看到一些黑色整件事情。

如果您只需要背景颜色不透明度，则可以将rgba()其用作背景来解决此问题，但 IE6- 不支持。背景图像/图像不透明度可以使用 PNG 或 SVG 图像来完成。如果您绝对需要完整的元素不透明度，那么您还可以使用包装器 div 来制作半透明元素和不透明元素的兄弟姐妹，并使用绝对定位 ( yuck )。

于 2013-02-03T09:25:17.197 回答