Question

我必须利用作为工具箱的阿加克斯工具来开展一项任务,而我正在做的是,在启动新的进展控制时,在整个屏幕上显示一滴。主要 d(覆盖整个屏幕)有一些不透明之处,但当我试图在这个 inside子中iv一iv,即使我把它推给谁,也会产生一些不透明之处时;

例:

<ProgressTemplate>
            <div class="updateProgressBox">
                <div class="updateProgressMessage">
                    <p>Processing request..</p>
                </div>
            </div>
</ProgressTemplate>

And CSS:

.updateProgressBox {
    top: 0px; 
    height: 100%; 
    background-color:Gray;
    opacity:0.7; 
    filter:alpha(opacity=70);
    vertical-align: middle; 
    left: 0px; 
    z-index: 999999; 
    width: 100%; 
    position: absolute;
    text-align: center;   
}

.updateProgressMessage {
    border: black 2px solid;
    background-color: #fff;
    z-index: 1000000;   
    padding: 20px;
    opacity:1.0; 
    filter:alpha(opacity=100);
    margin: 300px auto auto auto;
    font-weight: bold; 
    vertical-align: middle;
    width: 200px; 
    text-align: center
}

我应该做些什么来使信息四分五裂无透明度和白色背景?

Answer 1

为了克服这一问题,在母体div background上使用社会、文化权利委员会的背景财产: rgba(64、64、64、0.5). 64、64、64和64 是欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲-欧洲和0.5是不透明价值。现在父母可以拥有自己的不透明价值,不会由子女继承。这得到PeFox、歌剧、 Chrome、Sato和IE9的充分支持。

Check working example at http://jsfiddle.net/Rp5BN/

To support IE 5.5 to 8 we need to use vendor-specific CSS gradient filter: So you need to add this.

filter: progid:DXImage Transform.Microsoft.gradient(startColorstr=#7f4040, endColorstr=#7f4040);

7f 代表127,即50%不透明,40404040 只字。

Check working example in IE http://jsfiddle.net/Rp5BN/2/

Answer 2

<代码>opacity是继承的,不能重订。

......

Use a background image of a 24bit PNG with the alpha transparency.
Make the other element not a child.
Use Hussein s suggestion of using rgba().

Answer 3

To accomplish this you need to use an RGBA colour on the background itself as opacity changes the alpha channel for all child nodes within the parent element itself. E.g.

.div {
    background-color: rgba(255,0,0, .5);
}

Check working example at http://jsfiddle.net/Rp5BN/

Check working example in IE http://jsfiddle.net/Rp5BN/2/

友情链接